body{
    font-family: "Montserrat", sans-serif;
    padding: 75px 0 0 0; 
    position: relative;
}



header{
    background-color: #FFFFFF;
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 999;
}

#menu-principal{
    list-style: none;
    display: flex;
    justify-content: space-around;
    font-family: "Work Sans", sans-serif;
    margin: 22px 0 0 0;
    font-size: 18px;
    padding: 0;
}

#menu-principal a{
    color: #2E3D5D;
}

#menu-principal a:hover, .boton-login:hover{
    color: #DA5716;
    text-decoration: none;
}

footer #menu-principal{
    list-style: none;
    display: flex;
    justify-content: space-around;
    font-family: "Work Sans", sans-serif;
    margin: 22px 0 0 0;
    font-size: 18px;
    padding: 0;
}

header .logo{
    width: 205px;
    margin: 0 auto;
}

.boton-login{
    color: #2E3D5D;
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 18px;
    margin: 21px 0 0 0;
    display: inline-block;

}

.boton-login strong{
    font-weight: 900;
}

.boton-login i{
    display: inline-block;
    width: 14px;
    height: 14px;
    background-image: url('../img/ico-usuario.svg');
    background-size: auto;
}

.acceso-telefono{
    display: none;
}

.menu-telefono{
    display: none;
}


 @media (max-width:991px){

    #menu-principal{
     display: none;

    }

.menu-telefono{
    background-color: #FFFFFF;
    position: fixed;
    left: 0;
    top: 74px;
    width: 100%;
    z-index: 999999;
    padding: 30px;
    text-align: center;
}

 #menu-telefono{
    list-style: none;
    display: flex;
    justify-content: space-around;
    font-family: "Work Sans", sans-serif;
    margin: 22px 0 0 0;
    font-size: 18px;
    padding: 0;
    flex-direction: column;
    text-align: center;
}

#menu-telefono a{
    color: #1E1F26;
    margin-bottom: 30px;
}

#menu-telefono li{
    
    margin-bottom: 30px;
}

.boton-login{
    display: none;
}




    header .logo{
    width: 205px;
    margin: 0 auto 0 0;
}

 }

/*---------COMUNES---------*/

.escritorio{
    display: block !important;
}


.telefono{
    display: none !important;
}

h2{
    font-weight: 900;
    font-size: 48px;
    text-align: center;
    color: #FFFFFF;

}

h3{

font-weight: 900;
font-size: 48px;
line-height: 100%;
letter-spacing: 0%;
text-align: center;
color: #DA5716;

}

.boton-naranja{
    background: #DA5716;
    color: #FFFFFF;
    padding: 8px 32px;
    border-radius: 8px;
    font-size: 24px;
    font-family: "Work Sans", sans-serif;
    font-weight: 400;

}

.boton-naranja:hover{
    background: #FFFFFF;
    color: #DA5716;
    text-decoration: none;
    transition: all 1s;


}

.centrado-v{
    display: flex;
    align-items: flex-end;
    flex-direction: column;
    justify-content: center;
}

.hero-single{
   width: 100%;
   position: relative;


}

.hero-single-textos{
    position: absolute;
    z-index: 888;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;    
    justify-content: center;
    padding: 0 15px;


}

.hero-single .hero-single-textos h1{
    text-align: center;
    color: #FFFFFF;
    font-weight: 900;
    font-size: 48px;
    margin:0 0 40px 0;
}

.hero-single .hero-single-textos p{
    text-align: center;
    color: #FFFFFF;
    font-size: 24px;
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    text-transform: uppercase;
}

@media (max-width:991px){

.escritorio{
    display: none !important;
}


.telefono{
    display: block !important;
}
  

h2{

    font-size: 30px;


}

h3{



font-size: 30px;


}

.hero-single .hero-single-textos h1 {
    
    font-size: 28px;
   
}

.bajada{
    color: #FFFFFF;
    font-size: 20px;
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    text-align: center;
    text-transform: uppercase;
    margin: 60px  0 0 0;
}



}


/* HOME */
.hero{
    width: 100%;
    height: 90vh;
    background-color: #DA5716;
    background-image: url('../img/hero.jpg');
    background-size: cover;
    display: flex;
    align-items: center;
}

.hero .hero-textos{
    display: block;
    width: 100%;
}

.hero h1{
    color: #FFFFFF;
    font-size: 70px;
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    line-height: 100%;
    margin-bottom: 90px;

}

.hero h1 strong{
    color: #FFFFFF;
    font-size: 70px;
    font-family: "Montserrat", sans-serif;
    font-weight: 900;

}

.hero i{
    width: 120px;
    height: 120px;
    background-image: url('../img/ico-acteristicos.svg');
    margin-bottom: 90px;
    display: block;
    background-repeat: no-repeat;
    background-size: cover;
}

.menu-abrir{
    display: none;
}

.menu-cerrar{
    display: none;
}


@media (max-width:991px){

 .menu-abrir{
    display: block;
    width: 60px;
    height: 60px;
    margin: 0 0 0 auto;
    padding: 20px 20px;
}

 .menu-cerrar{
    display: none;
    width: 60px;
    height: 60px;
    margin: 0 0 0 auto;
    padding: 20px 20px;
}
.hero{

    background-image: url('../img/hero-m.jpg');
   
}


    .hero h1{

    font-size: 30px;


}

.hero h1 strong{
 
    font-size: 28px;


}


.hero i{
    width: 70px;
    height: 70px;
    margin-bottom: 30px;

}
}



/*---------SERVICIOS---------*/

.servicios.home{

    padding: 60px 0;
    background: #1E1F26;

    
}

.servicios .icono-servicios{
    width: 68px;
    height: 68px;
    margin: 0 auto 30px auto;
}

.servicios ul{
    
    color: #FFFFFF;
    list-style: none;         /* quita los puntos de la lista */
    padding: 0;
    margin: 60px  0 0 0;
    display: flex;            /* activa flexbox */
    justify-content: space-around; /* reparte el espacio de forma uniforme */
}

.servicios ul li{
    flex: 1;                  /* cada li ocupa el mismo espacio */
    text-align: center;       /* centra el texto dentro de cada li */
}

.servicios a{
    color: #FFFFFF;
}

.servicios a:hover{
    color: #DA5716;
    text-decoration: none;

   
}

.servicios.servicios-single{
    background-color: #1E1F26;
}

.servicios .contenido-single{
   
    padding: 70px 0;
}

.servicios .contenido-single ul{
  display: grid;
  grid-template-columns: repeat(2, 1fr); /* 2 columnas iguales */
  gap: 8px;
  text-align: left !important;
  margin: 0 0 120px 0;
}

.servicios .contenido-single ul li{

  text-align: left !important;
  font-family: "Work Sans", sans-serif;
  color: #FFFFFF;
  font-weight: 400;
  font-size: 20px;

  list-style: none;
  position: relative;
  padding-left: 28px;
}


.servicios .contenido-single ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 18px;
  height: 18px;
  background: url("../img/ico-check-lista.svg") no-repeat center center;
  background-size: contain;
  transform: translateY(-130%); /* centra verticalmente */
}

.servicios .contenido-single h3{
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 24px;
    color: #DA5716;
    text-align: center;
    margin: 50px 0;

}

.servicios .contenido-single p:nth-child(1){
    font-family: "Work Sans", sans-serif;
    color: #FFFFFF;
    font-weight: 400;
    text-align: center;
    font-size: 20px;
}

.servicios .contenido-single p:last-child{
    color: #FFFFFF;
    font-weight: 300;
    font-size: 30px;
    text-align: center;
}

.servicios.servicios-single h5{
   
    font-weight: 300;
    font-size: 30px;
    color: #FFFFFF;
    text-align: center;
    

}

.servicios.servicios-single .boton-naranja{
   
       margin: 50px 0;
       display: inline-block;

}


.servicios.servicios-single .mb-60{
   
       margin-bottom: 90px;

}


@media (max-width:991px){


    .servicios ul{
    flex-direction: column;
}

.servicios ul li{
    margin-bottom: 30px;
    font-size: 20px;
}


.servicios .contenido-single p:nth-child(1) {

    font-size: 18px;
}

.servicios .contenido-single p:last-child {

    font-size: 18px;
    
}

.servicios .contenido-single ul {
   
    grid-template-columns: repeat(1, 1fr);
    gap: 8px;
    text-align: left !important;
    margin: 0 0 120px 0;
}

}


/*---------ACCESO---------*/

.acceso.home{
   padding: 180px 0;
    background-image: url('../img/acceso.jpg');
    background-size: cover;
    background-position: top center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.acceso.home p{
    font-family: "Work Sans", sans-serif;
    color: #FFFFFF;
    font-weight: 400;
    text-align: center;
    font-size: 24px;

}


 @media (max-width:991px){

    .acceso.home p{

    font-size: 16px;
    margin-bottom: 60px;

}



 }



/*---------FOOTER---------*/
footer{
    background-color: #000000;
    padding: 90px 0;
}


footer .menu a{
    color: #FFFFFF;
}

footer .menu a:hover{
    color: #DA5716;
    text-decoration: none;
}

footer .menu{
    list-style: none;
    display: flex;
    justify-content: space-between;
    font-family: "Work Sans", sans-serif;
    margin: 22px 0 0 0;
    font-size: 18px;
    padding: 0;
}

 @media (max-width:991px){

    footer .logo{
        margin: 0 auto;
        width: 230px;
        text-align: center;
    }

    footer .menu {
    
    display: flex;
    justify-content: space-between;
    font-family: "Work Sans", sans-serif;
    margin: 22px 0 0 0;
    font-size: 18px;
    padding: 0;
    flex-direction: column;
    align-items: center;
}

    footer .menu li{
        margin-bottom: 30px;
    }
 }

/*---------SOMOS---------*/
.somos{
    background-color: #1E1F26;
    color: #FFFFFF;
    padding: 90px 0;
}

.somos h1{
    text-align: center;
    font-weight: 900;
    font-size: 48px;
}

.somos h2{
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 24px;
    text-align: center;
    margin-bottom: 60px;
}

.somos p{
    text-align: right;
     font-family: "Work Sans", sans-serif;
     font-weight: 400;
     font-size: 18px;
}

.somos .icono-somos{
    width: 68px;
    height: 68px;
    margin: 0 auto 30px auto;
}

.somos .frase{
    margin: 120px 0;
    text-align: center;
}

.somos .frase .logo{
    width: 260px;
    margin: 0 auto 15px auto;
}

.somos .frase h4{

font-weight: 300;
font-style: Light;
font-size: 30px;
line-height: 100%;
letter-spacing: 0%;
text-align: center;
color: #FFFFFF;
margin-bottom: 30px;

}


 @media (max-width:991px){

    .somos h1 {
    
    font-size: 30px;
    margin-bottom: 30px;
}

    .centrado-v p{
    text-align: left;
    }

    .somos .foto{
    margin-bottom: 30px;
    }

    .somos .sin-margen{
    padding-right: 0px;
    padding-left: 0px;
    }

    .somos .frase h4 {

    font-size: 19px;
    margin-bottom: 60px;
}
 }

/*---------CONTACTO---------*/

.contacto{
    background-color: #F5F5F5;
}
.contacto .icono-contacto{
    width: 68px;
    height: 68px;
    margin: 0 auto 30px auto;
}


.contacto .contenido-single{
    padding: 60px 0;
}


.contacto .contenido-single p{
    font-family: "Work Sans", sans-serif;
    color: #1E1F26;
    font-weight: 400;
    text-align: center;
    font-size: 20px;
}

.contacto .contenido-single h2{
    font-family: "Work Sans", sans-serif;
    color: #DA5716;
    font-weight: 400;
    text-align: center;
    font-size: 48px;
    margin: 60px 0 30px 0;
}

.contacto input.ff-el-form-control,.contacto select.ff-el-form-control{
    height: 70px !important;
    border: solid 1px #000000;
    border-radius: 0;
}

.contacto textarea.ff-el-form-control{
    height: 180px;
    border: solid 1px #000000;
    border-radius: 0;
}


.contacto .ff-btn-submit{
    border: none;
    
}



@media (max-width:991px){
    .hero-single .hero-single-textos p {

    font-size: 16px;

}

.contacto .contenido-single h2 {

    font-size: 30px;

}
}


/*---------FORMULARIOS USUARIOS---------*/




.user-registration .user-registration-form-login .user-registration-Input,.user-registration .ur-frontend-field{
    width: 100%;
    height: 70px;
    border: solid 1px #1E1F26;
}

.user-registration  .form-row{
    display: block !important;
}

.user-registration .ur-submit-button{
   background: #DA5716;
    color: #FFFFFF;
    padding: 8px 32px;
    border-radius: 8px;
    font-size: 24px;
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    margin: 30px 0 ;
}

.user-registration a{
    color: #DA5716;
}

.ur-frontend-form .ur-form-row .ur-form-grid label {

    text-align: left;
}

.ur-frontend-form {
    border: none;
    box-shadow: none;
   
}



#user-registration {
    max-width: 600px !important;
    background-color: #ffffff;
    margin: 30px auto !important;
}


.ur-frontend-form .ur-submit-button {
    margin-right: 10px;
    margin-bottom: 30px !important;
}

.user-registration.ur-frontend-form {
    margin: 30px auto !important;
    max-width: 600px !important;
    padding: 30px !important;
}
 

/*---------NOVEDADES---------*/

.novedades .hero-novedades{
    width: 100%;
    padding: 60px 0;
}

.novedades .hero-novedades .icono-cliente{
    width: 60px;
    height: 60px;
    margin: 0 auto 30px auto;
}

.novedades .hero-novedades h1{
    font-weight: 900;
    text-align: center;
    font-size: 50px;
    color: #2E3D5D;
}

.novedades h2{
    text-align: center;
    color: #DA5716;
    font-weight: 400;
    font-size: 30px;
    margin-bottom: 30px;
}

.novedades .bloque{
     aspect-ratio: 1 / 1.3;
     background-color: #1E1F26;
     text-align: center;
     color: #FFFFFF;
     display: flex;
     align-items: center;
     justify-content: center;
     flex-direction: column;
     margin-bottom: 60px;
}

.novedades .bloque h4{
    font-weight: 700;
    font-size: 24px;
    margin: 0;
    
}

.novedades .bloque p{
    font-weight: 400;
    font-size: 16px;
    margin: 30px 0;
}

.novedades .bloque .bloque-icono{
    width: 60px;
    height: 60px;
    margin-bottom: 30px;
}

.novedades .novedades-modulos{
    margin: 60px 0;
}

.novedades .novedades-modulos .novedad-modulo h3{

     font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 24px;
    color: #000000;
    text-transform: uppercase;
    text-align: left;
}

.novedades .novedades-modulos .novedad-modulo p{

    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: #000000;    
    text-align: left;
}

.novedades .owl-nav{
    width: 100%;
    height: 1px;
    
    position: relative;
}

.novedades .owl-prev{
    width: 60px;
    height: 60px;
    
    position: absolute;
    top: -150px;
    left: -70px;
    background-image: url('../img/ico-prev.svg');
    background-repeat: no-repeat;
    background-size: auto 100%;
}

.novedades .owl-next{
    width: 60px;
    height: 60px;
    
    position: absolute;
    top: -150px;
    right: -70px;
    background-image: url('../img/ico-next.svg');
    background-repeat: no-repeat;
    background-size: auto 100%;
}


.novedades .frm-fluent-form{
    width: 320px !important;
    margin-top: 30px;
    
}

.novedades .frm-fluent-form textarea, .novedades .frm-fluent-form input{
    border-radius: 0 !important;

}


.novedades .frm-fluent-form .ff-btn-submit{
    border: none;
    
}



 @media (max-width:991px){

    .novedades .hero-novedades h1 {

    font-size: 30px;
    
}

.novedades .owl-prev{
    width: 25px;
    height: 25px;
    
    position: absolute;
    top: 0px;
    left: 0px;
    background-image: url('../img/ico-prev.svg');
    background-repeat: no-repeat;
    background-size: auto 100%;
}

.novedades .owl-next{
    width: 25px;
    height: 25px;
    
    position: absolute;
    top: 0px;
    right: 0px;
    background-image: url('../img/ico-next.svg');
    background-repeat: no-repeat;
    background-size: auto 100%;
}
 }