/* Fuentes usadas
Google Fonts

barlow:
font-family: "Barlow", sans-serif;
100 al 900

playfair-display-<uniquifier> {
  font-family: "Playfair Display", serif;
<weight>: Use a value from 400 to 900

*/


body {
    font-family: "Barlow", sans-serif;
    line-height: 1.3 !important;
    font-weight: 400 !important;
    color: #111;
}



h1, h2, h3, h4, h5 {
    font-weight: 800 !important;
}

h1 {
    font-size: 300%;
}

h2 {
    font-size: 280%;
}

h3 {
    font-size:200%;
}

h4 {
    font-size: 150%;
}

h5 {
    font-size: 120%;
}

p {
    font-size: 110%;
}

.fa-ul>li, li {
    font-size: 100%;
    padding-bottom: .5rem;
}

.texto110 {
    font-size: 110%;
}

lead, .lead {
    font-size: 140%;
    line-height: 1.3 !important;
    font-weight: 400 !important;
    padding-bottom: .5rem;
}

.leadDestacado {
    font-size: 200%;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    padding-bottom: .5rem;
}

.destacado {
    font-weight: 700 !important;
    color: #4776BA
}



@media only screen and (max-width: 992px) {

    h1 {
        font-size: 240%;
    }
    h2 {
        font-size: 200%;
    }
    h3 {
        font-size: 180%;
    }
    lead, .lead {
        font-size: 130%;
        line-height: 1.3 !important;
        font-weight: 400 !important;
        padding-bottom: .5rem;
    }
    .leadDestacado {
        font-size: 180%;
        font-weight: 700 !important;
    }
    p {
        font-size: 115%;
    }   
    .texto110 {
        font-size: 115%;
    }

}


/* <ENCABEZADO> */
  #fEncabezado {
      background-color: #fff;
      padding: .5rem 1rem;
  }

  #fEncabezado .slogan {
      font-size: 125%;
      font-weight: 700 !important;
      line-height: 1.1;
  }

  #fEncabezado .slogan .secundario {
      font-size: 75%;
      font-weight: 400 !important;
      opacity: .8;
  }

  #fEncabezado .logo {
      padding: .5rem;
      width: 260px;
  }

  #fEncabezado .icono {
      width: 2.5rem;
  }

  #fEncabezado .texto {
      font-size: 90%;
      margin-top: 1rem;
      margin-bottom: 0;
      line-height: 1;
  }

  #fEncabezado .textoLiga {
      font-size: 125%;
      margin-top: 0;
      line-height: 1.1;
      font-weight: 800;
  }

  #fEncabezado .textoLiga a {
      text-decoration: none;
      color: #111111;
  }

  #fEncabezado .textoLiga a:hover {
      text-decoration: underline;
  }

  #fEncabezado .iconoWhatsApp {
      color: #33A846;
      font-size: 250%;
      padding-right: .5rem;
  }

  #fEncabezado .iconoTelefono {
    color: #4776BA;
    font-size: 180%;  
    padding-right: .5rem;
  }

    .ligaIdioma {
    font-weight: 700;
    color: #111;
    text-decoration: none;
  }
    .ligaIdioma:hover {
    text-decoration: underline;
  }

   .hrIdioma {
    margin: 1rem 0;
    color: #E5E5E5 !important;
    border: 0;
    border-top: var(--bs-border-width) solid !important;
    opacity: 1 !important;
   }
 

  @media (max-width: 1200px) {

    #fEncabezado .logo {
        width: 200px;
    }

}
/* <ENCABEZADO> */

/* <MENU> */
.navbar {
    --bs-navbar-padding-y: 0rem;
}
.navbar-brand {
    padding-top: 0 !important;
    padding-bottom:  0 !important;
}

#fFranjaMenu {
    background-color: #F2F2F2;
}

.navbar-nav {
    --bs-nav-link-padding-y: .6rem;
    --bs-nav-link-color: #111111;
    --bs-nav-link-hover-color: #4776BA;
    --bs-nav-link-font-weight: 600 !important;
    line-height: 1;
}

    .navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
        color: #191919;
        font-weight: 600 !important;
    }
    .navbar-nav .nav-link.active {
        color: #4776BA;
        font-weight: 600 !important;
    }

.nav-link:hover {
    color: #E73C20;
    text-decoration: none;
}

    .navbar-expand-lg .navbar-nav .nav-link {
        padding-top: 1.5rem;
        padding-left: 1.5rem;
        padding-right: 1.5rem;
        --bs-nav-link-font-weight: 600;
    }


 
#fFranjaMenu .btn {
        border-radius: 0rem !important;
    }



    .dropdown-menu {
        margin-top: 0px !important;
        background-color: #F2F2F2;
        border: none;
        border-radius: 0;
        padding: 0;

    }

   .dropdown ul li {
        padding-bottom: 0 !important; 
    } 

    .dropdown-item {
        padding-top: .8rem;
        padding-bottom: .8rem;
        --bs-dropdown-padding-y: 0;
        padding-right: 8rem;

    }
    .dropdown-item:hover {
        background-color: #4776BA;
        color: #fff;

    }

    .dropdown-divider {
        margin: 0;       
        background-color: rgba(241, 243, 250);
        opacity: .5;
    }



@media only screen and (max-width: 1200px) {


}

@media only screen and (max-width: 991px) {

    #fFranjaMenu .logo {    
        min-width: 200px;  
        width: 200px !important;
        padding-top: .5rem;
        padding-bottom: .5rem;
      }

    #fFranjaMenu {
        background-color: #fff;
        background-image: none;
        outline-offset: 0px;
        border-bottom: 1px solid #E5E5E5;
    }

    .navbar {
        --bs-navbar-padding-y: 0rem;
    }

    .navbar-nav {
        --bs-nav-link-font-weight: 600;
        --bs-nav-link-color: #111;
        --bs-nav-link-hover-color: 111;
    }

        .navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
            color: #4776BA;
            --bs-nav-link-font-weight: 600;
        }

        .navbar-nav .nav-link.active {
            border-bottom: none;
        }

    .navbar-expand-lg .navbar-nav .nav-link {
        padding-left: 0rem;
        border-bottom: 1px solid #E5E5E5;
        padding-top: 1rem;
        padding-bottom: 1.5rem;
    }

    .nav-link:hover {
        color: #111;
        text-decoration: underline;
    }

    #fFranjaMenu .offcanvas {
        z-index: 4000;
        background: #fff; 
    }

    .navbar-toggler {
        color: var(--bs-navbar-color);
        background-color: rgba(0,0,0,0);
        border: none;
        border-radius: 0;
    }

    .offcanvas {
        padding-left: 1rem;
    }




    .dropdown-menu {
        background-color: #fff;

    }

   .dropdown ul li {
        padding-bottom: 0 !important; 
    } 

    .dropdown-item {
        padding-top: .8rem;
        padding-bottom: .8rem;
        --bs-dropdown-padding-y: 0;

    }
    .dropdown-item:hover {
        background-color: #fff;
        color: #4776BA !important;

    }

    .dropdown-divider {
        margin: 0;
    }


}
/* </MENU> */

/* <BANNER> */


.carousel-indicators [data-bs-target] {
    background-color: #FFF;
}

.carousel-control-prev-icon {    
    background: url(/images/chevron-left-sharp-solid.svg) no-repeat;
}
.carousel-control-next-icon {
    background: url(/images/chevron-left-sharp-solid.svg) no-repeat;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}

@media only screen and (max-width: 992px) {
    
    
}
/* </BANNER> */



/* <NOSOTROS> */
#fNosotros {
    padding-top: 5rem;
}

#fNosotros .columna1 {
    padding-bottom: 2rem;
    padding-right: 5rem;
}


@media only screen and (max-width: 992px) {

    #fNosotros {
        padding-top: 3rem;
    }
    #fNosotros .columna1 {
        padding-bottom: 1rem;
        padding-right: 1rem;
    }
    

}
/* </NOSOTROS> */



/* <DESTACADO> */
#fDestacados {
    padding-bottom: 6rem;
}

#fDestacados .icono {
    width: 200px; 
    height: 200px
}

#fDestacados .renglon1 {
    padding-bottom: 2rem;
}

#fDestacados .titDestacado {
    font-size: 200%;
    font-weight: 700 !important;
    text-align: center;
}

    #fDestacados .cuadro {
        padding: 1rem 3rem 1rem 3rem;
        margin-top: 4rem;
        margin-bottom:1rem;
    }

    #fDestacados .cuadro2 {
        padding: 1rem 3rem 1rem 3rem;
        margin-bottom:3rem;
    }

        #fDestacados .cuadro h3, #fDestacados .cuadro2 h3 {
            margin-top: 1rem;
            margin-bottom:.1rem;
        }

        #fDestacados .cuadro .liga,#fDestacados .cuadro2 .liga {
            color: #111;
            font-weight: 800 !important;
            text-decoration: underline;
            font-size:110%;
        }
                
        #fDestacados .cuadro .liga:hover, #fDestacados .cuadro2 .liga:hover {
            color: #E51B28;
        }

        #fDestacados .cuadro .foto, #fDestacados .cuadro2 .foto {
            padding-bottom: 1rem;
        }

        #fDestacados .cuadro .iconMas,  #fDestacados .cuadro2 .iconMas {
            font-size: 110%;
            color: #E51B28;
            padding-right: .1rem;
        }

        
        #fDestacados .renglon3 {
            margin-bottom: 1rem;
        }

        #fDestacados .renglon3 .titulo {
            background: url(/images/linea-tit.png) center repeat-x;
        }

        #fDestacados .renglon3 .texto {
            background-color: #fff;              
            font-size: 250%; 
            font-weight: 700;  
            padding-left: 1rem;
            padding-right: 1rem;    
        }

        #fDestacados .renglon3 .cuadroProducto {
            padding: 3rem 2rem 1rem 2rem;
        }        
        
        #fDestacados .renglon3 .cuadroProducto .foto {
            padding-bottom: .5rem;
            width: 6rem;
        }        
        
        #fDestacados .renglon3 .cuadroProducto h4 {
            margin-top: 1.2rem;
            padding-bottom: .5rem;
        }
        

@media only screen and (max-width: 992px) {

    #fDestacados {
        padding-top: 1rem;
    }

    #fDestacados .icono {
        width: 200px; 
        height: 160px
    }
    
    #fDestacados .renglon1 {
        padding-bottom: 1rem;
    }
        
        #fDestacados .cuadro, #fDestacados .cuadro2 {
            padding: 1rem;
            margin-top: 0rem;
            margin-bottom:1rem;
        }

        #fDestacados .renglon3 .texto {          
            font-size: 180%;       
        }

        #fDestacados .renglon3 .titulo {
            margin-bottom: 2rem;
        }

        
        #fDestacados .renglon3 .cuadroProducto {
            padding: 3rem 2rem 1rem 2rem;
        }   
    
}
/* </DESTACADO> */



/* <CERTIFICACIONES> */
#fCertificaciones {
    padding-top: 5rem;
    padding-bottom: 6rem;
    background: url(/images/grid-03-chica.png) repeat;
    background-color: #F2F2F2;


    
    text-align: center;
            position: relative;
            overflow: visible; /* Importante para que el logo se vea */
}

    #fCertificaciones h2 {
        margin-bottom: 2rem;
    }

    #fCertificaciones .renglon1 {
        padding-bottom: 3rem;
    }

@media only screen and (max-width: 992px) {

    #fCertificaciones {
        padding-top: 5rem;
        padding-bottom: 3rem;
    }

        #fCertificaciones .renglon1 {
            padding-bottom: 1rem;
        }

}
/* </CERTIFICACIONES> */


/* <VENTAJAS> */
#fVentajas {
    padding-top: 5rem;
    padding-bottom: 4rem;
}

#fVentajas .columna1 {
    padding-bottom: 2rem;
    padding-right: 2rem;
}

#fVentajas .columna2 {
    padding-top: 2rem;
}

#fVentajas .renglon2 .recuadro {
    padding: 1rem;
    margin-bottom: 1rem;
}


#fVentajas .icono {
    padding-right: 1rem;
}

#fVentajas h3 {
    text-transform: uppercase;
}

@media only screen and (max-width: 992px) {

    #fVentajas {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }
    #fVentajas .columna1 {
        padding-bottom: 1rem;
        padding-right: 1rem;
    }

    #fVentajas .renglon2 .recuadro {
        padding: 1rem;
        margin-bottom: 2rem;
    }

    #fVentajas .icono {
    }

}
/* </VENTAJAS> */



/* <FAQS> */
#fFaqs {
    padding-top: 6rem;
    padding-bottom: 4rem;
    background:         
        url(/images/curva-faqs.png) right top no-repeat,
        url(/images/grid-03-chica.png) repeat;
    background-color: #F2F2F2;
}

#fFaqs .columna1 { 
    padding-left: 4rem;
    padding-right: 4rem;
    padding-bottom: 1rem; 
}

.accordion {
    --bs-accordion-bg: transparent;
}


.accordion-button:not(.collapsed) {
    background-color: #E5E5E5;
}
.accordion-button:focus {
    border-color: rgb(128, 36, 82, .5) !important;
}

@media only screen and (max-width: 992px){

    #fFaqs {
        padding-top: 2rem;
        padding-bottom: 6rem;
        background:         
            url(/images/curva-faqs-movil.png) right top no-repeat,
            url(/images/grid-03-chica.png) repeat;
        background-color: #F2F2F2;
    }
    
    #fFaqs .columna1 { 
        padding-left: 2rem;
        padding-right: 2rem;
        padding-bottom: 1rem; 
    }
    

}
/* </FAQS> */



/* <CALL> */
#fCall {
    padding-top: 5rem;
    padding-bottom: 4rem;
    color: #fff;    
    background: url(/images/fondo-call.png);
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center; /* Center the image */
    text-align: center;


            position: relative;
            overflow: visible; /* Importante para que el logo se vea */

}

#fCall h2 {
    font-weight: 700 !important;
}


#fCall .titDestacado {
    font-size: 200%;
    font-weight: 700 !important;
    text-align: center;
}

@media only screen and (max-width: 992px) {

    #fCall {
        padding-top: 5rem;
        padding-bottom: 3rem;
    }

}
/* </CALL> */



/* <BOLSA> */
#fBolsa {
    padding-top: 4rem;
    padding-bottom: 4rem;
    background:         
        url(/images/grid-03-chica.png) repeat;
    background-color: #F2F2F2;
    text-align: center;
}
/* </BOLSA> */



/* <PIE> */
#fPie {
    padding-top: 1rem;
    padding-bottom: 2rem;
}
    #fPie h4 {
        font-size:120%;
        padding-top: 2.5rem;
        padding-bottom: 2rem;
    }

    #fPie a {
        color: #333 !important;
        text-decoration: none;
    }

        #fPie a:hover {
            color: #E73C20 !important;
            text-decoration: underline;
            opacity: 1;
        }

    #fPie .iconoTelefono {
        font-size: 125%;
        padding-right: .3rem;
    }

    #fPie .iconoWhatsApp2 {
        font-size: 150% !important;
        padding-right: .3rem;
    }   
    
    #fPie .iconoFacebook {
        font-size: 125%;
        padding-right: .3rem;
    }
 

    #fPie .columna1 {
        padding-bottom: 1rem;
        padding-right: 2rem;
    }

    #fPie .columna2 {
        padding-bottom: 1rem;

    }

    #fPie .logoPie {
        padding-top:1.35rem;
        padding-right:1rem;
        width: 15rem;
        margin-bottom: 1rem;
    }

    #fPie .fa-ul>li, li {
        padding-bottom: 1rem;   
    }

@media only screen and (max-width: 992px) {

    #fPie {
        padding-top: 1rem;
        padding-bottom: 0rem;
    }

        #fPie .logoPie {
            max-width: 15rem;
        }
    
        #fPie .columna1, #fPie .columna2 {
            padding-bottom: 1rem;
            padding-right: 1rem;
        }

        #fPie h4 {
            padding-top: 1rem;
            padding-bottom: 1rem;
        }
        #fPie .fa-ul>li, li {      
            font-size: 115%;
        }
        
}
/* </PIE> */



/* <SUBIR> */
#fSubir {
    padding-top: 2rem;
    padding-bottom: 1rem;
    text-align: center;
    border-top: solid 1px #E5E5E5;
}

#fSubir .iconoSubir {
    font-size: 180%;
}


@media only screen and (max-width: 992px) {

    #fSubir {
        padding-top: 2rem;
        padding-bottom: 1rem;
        text-align: left;
    }

}
/* </SUBIR> */



/* <BOTONES> */
.btn {
    border-radius: 2rem;
    padding: 1.2rem 2.5rem;
    font-weight: 600 !important;
    text-transform: uppercase;
}

.btn-primary {
    --bs-btn-color: #FFF;
    --bs-btn-hover-color: #FFF;
    background-color: #4776BA;
    border: none;
}

.btn-primary:hover {
    --bs-btn-color: #FFF;
    --bs-btn-hover-color: #FFF;
    background-color: #4776BA;
    border: none;
    opacity: .9;
}

.btn-secondary {
    --bs-btn-color: #FFF;
    background-color: #33A846;
    border: none;
}

.btn-secondary:hover {
        --bs-btn-hover-color: #FFF;
        background-color: #33A846;
        opacity: .9;
        border: none;
    }

.ligaVerMas {
    font-weight: 700 !important;
    line-height: 1.2 !important;
    color: #FF292D !important;
}

/* </BOTONES> */

/* <VARIOS> */
.text-bg-primary {
    color: #fff !important;
    background-color: #4776BA !important;
}

.text-bg-secondary {
    color: #E73C20 !important;
}

.text-bg-success {
    color: #fff !important;
}

.textRojo {
    color: #E73C20 !important;
}

.textAzul {
    color: #4776BA !important;
}

.textVerde {
    color: #33A846 !important;
}

.textAmarillo {
    color: #F9B818 !important;
}

.textoBlanco {
    color: #fff !important;
}

.divisor {
    height: .2rem;
    width: 4rem;
    background-color: #33A846;
    margin-top: .2rem;
    margin-bottom: 1rem;
}

        .simboloLogo-container {
            position: absolute;
            top: -60px; /* Ajusta según qué tanto quieras que sobresalga */
            left: 50%;
            transform: translateX(-50%);
            z-index: 10;
        }

        .simboloLogo {
            max-width: 120px;
            width: 100%;
            height: auto;
            display: block;
            padding: 10px;
        }

.badge {
    font-weight: 400;
    border-radius: 0rem;
}

.marco {
    border: solid 1px #DCDCE3;
    margin: .5rem .5rem;
}

.liga {
    color: #191919;
    font-weight: 900 !important;
    text-decoration: underline;
    font-size: 110%;
}

.liga:hover {
        color: #E51B28;
    }

.iconMas {
    font-size: 150%;
    color: #E51B28;
    padding-right: .1rem;
}

.mark, mark {
    padding: .1rem .2rem;
    background-color: rgba(229, 37, 40, .2) !important;
}

ul li {
    padding-bottom: .7rem;
}

.card {    
   border: none; 
   border-radius: 0rem;
}

.separador {
    margin-bottom: 2rem;
}


.marcoFoto {
    border: solid 1px #DCDCE3;
    margin: .5rem;
}

.feature {
    margin-bottom: 2rem;
    padding-right: 4rem;
}

.feature .logo {
    width: 5rem;
    margin: .5rem;
    border: solid 1px #DCDCE3;
}

.feature .icono {
    margin-bottom: .5rem;
}

.feature h3 {
    font-size: 140%;
}

.telefono a {
    font-weight: 900 !important;
    font-size: 110%;
    color: #191919;
    text-decoration: none;;
}

.telefono a:hover {
    color: #E51B28;

}

.liner {
    display: flex;
    align-items: flex-start;
    text-align: left;
  
    &:after {
      content: '';
      flex-grow: 1;
      height: .2rem;
      background: #E5E5E5;
      min-width: 20px;
      margin: auto;
    }
  
    &:after {
      margin-left: 20px;
    }
  }

  .recuadroServicios {
    margin-bottom: 3rem;
  }

  .recuadroServicios .foto {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

@media only screen and (max-width: 992px) {

    .feature {
        margin-bottom: 2rem;
        padding-left: 1rem !important; 
        padding-right: 1rem !important;
    } 

}
/* </VARIOS> */

/* <EFECTO MAQUINA DE ESCRIBIR> */

.contenedor {
	display: table;
}

.lineaTit, .lineaTit2 { 
	position: relative; 
	float: left;
    font-size: 95%;
    font-weight: 600 !important;
	color: #111;
	margin-bottom: 0;
}

.lineaTit span {
    position:absolute;
    right:0;
    width:0;
    background: #fff;
    border-left: 3px solid #33A846;
    animation: escribir 1s steps(30) infinite alternate;
}

.lineaTit2 span {
    position:absolute;
    right:0;
    width:0;
    background: #F2F2F2;
    border-left: 3px solid #33A846;
    animation: escribir 1s steps(30) infinite alternate;
}

@keyframes escribir {
    from { width: 100% }
    to { width:0 }
}

.lineaTitGeneral { 
    font-size: 95%;
    font-weight: 600 !important;
	margin-bottom: 0;
}
/* </EFECTO MAQUINA DE ESCRIBIR> */

/* <WHATSAPP> */
.float {
    position: fixed;
    width: 50px;
    height: 50px;
    bottom: 15px;
    right: 15px;
    background-color: #1CC33D;
    color: #FFF !important;
    border-radius: 50%;
    text-align: center;
    font-size: 30px;
    z-index: 100;
}

    .float:hover {
        color: #FFF;
        background-color: #12DE3B;
    }

.my-float {
    margin-top: 10px;
}



@media only screen and (max-width: 991px) {

    .float {
        right: 20px;
    }
}
/* </WHATSAPP> */


/* <CARRUSEL> */
.carousel-control-prev, .carousel-control-next {
    width: 5%;
}

/* </CARRUSEL> */



/* <INTERIORES */

/* <SECCION> */
#fFranjaSeccion {
    padding-top: 2rem;
    padding-bottom: 2rem;
    color: #fff;    
    background: url(/images/fondo-call.png);
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center bottom; /* Center the image */
    text-align: left;
}

#fFranjaSeccion .columna1 {
    text-align: left;
}

#fFranjaSeccion .columna2 {
    text-align: right;
}

#fFranjaSeccion h1 {
    font-weight: 600 !important;
}

#fFranjaSeccion .logo {
    width: 12rem;
}

@media only screen and (max-width: 992px) {

    #fFranjaSeccion {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }

    #fFranjaSeccion .columna1 {
        text-align: center;
    }
    
    #fFranjaSeccion .columna2 {
        text-align: center;
    }

    #fFranjaSeccion .logo {
        width: 8rem;
    }

}
/* </SECCION> */


/* <CONTENIDO> */
#fFranjaContenido {
    padding-top: 4rem;
    padding-bottom: 2rem;
}

#fFranjaContenido .columna1 {
    padding-right: 2rem;
    padding-bottom: 1rem;
} 
    
#fFranjaContenido .columna2 {
    padding-bottom: 2rem;
}



@media only screen and (max-width: 992px){

    #fFranjaContenido {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }

    #fFranjaContenido .columna1 {
        margin-bottom: 2rem;
        padding-right: 1rem;
    }   
    
    
}
/* </CONTENIDO> */



/* <CONTENIDO ADICIONAL> */
#fFranjaContenidoAdicional {
    padding-top: 4rem;
    padding-bottom: 2rem;
    background: url(/images/grid-03-chica.png) repeat;
    background-color: #F2F2F2;
}

#fFranjaContenidoAdicional .renglon1 {
    padding-bottom: 2rem;
}

#fFranjaContenidoAdicional .columna1 {
    padding-bottom: 2rem;
    padding-right: 4rem;
}

#fFranjaContenidoAdicional .fotoRepresentada {
    padding-bottom: 2rem;
}

#fFranjaContenidoAdicional .iconoLottie {
    width: 200px; 
    height: 200px;
    margin-left: -11%;
    margin-bottom: -5%;
}

@media only screen and (max-width: 992px) {

    #fFranjaContenidoAdicional .columna1 {
        padding-bottom: 2rem;
        padding-right: 1rem;
    }    
    
    #fFranjaContenidoAdicional .columna2 {
        padding-bottom: 2rem;
    }

}
/* </CONTENIDO ADICIONAL> */



/* <CONTENIDO ADICIONAL 2 > */
#fFranjaContenidoAdicional2 {
    padding-top: 4rem;
    padding-bottom: 4rem;
}

#fFranjaContenidoAdicional2 .columna1 {
    padding-bottom: 2rem;
    padding-right: 4rem;
}

#fFranjaContenidoAdicional2 .fotoRepresentada {
    padding-bottom: 2rem;
}

#fFranjaContenidoAdicional2 .iconoLottie {
    width: 200px; 
    height: 200px;
    margin-left: -11%;
    margin-bottom: -5%;
}

@media only screen and (max-width: 992px) {

    #fFranjaContenidoAdicional2 .columna1 {
        padding-bottom: 2rem;
        padding-right: 1rem;
    }    
    
    #fFranjaContenidoAdicional2 .columna2 {
        padding-bottom: 2rem;
    }

}
/* </CONTENIDO ADICIONAL 2 > */


/* <FORMULARIO> */
#fFranjaFormulario {
    padding-top: 2rem;
    padding-bottom: 2.5rem;
    color: #fff;
    background-image: linear-gradient(to left, #e51b28, #d41933, #c11c3b, #ad2040, #982543, #8b264b, #7c2851, #6c2b54, #5c2f5d, #483463, #323765, #153962);
    border-top: solid 1px #3B0A0E;
}

#fFranjaFormulario h2, #fFranjaFormulario .lead,  #fFranjaFormulario p ,  #fFranjaFormulario li {
        color: #fff !important;
    }

    .form-control {
        padding: .5rem 1rem;
        border-radius: 0;
    }


@media only screen and (max-width: 992px) {

}
/* </FORMULARIO> */






/* <EFECTO SERVICIOS> */
.our-team2 {
    text-align: center;
}
.pic2 {
    position: relative;
    overflow: hidden;
}
.pic2 img {
    width: 100%;
    height: auto;
}
.social_media_team {
    position: absolute;
    top:100%;
    width: 100%;
    height: 100%;
    background-color:rgba(17, 17, 17, 0.7);
    transition: all 0.35s ease 0s;
}
.team_social {
    list-style: none;
    padding: 0;
    height: 100%;
    position: relative;
    top:38%;
}
.team_social > li{
    display: inline-block;
    margin: 0 5px 5px 0;
    color:#fff;
    font-size: 150%;
    font-weight: 700;
    line-height: 1.2;
}
.team_social > li > a{
    width: 45px;
    height: 45px;
    line-height: 45px;
    border: 1px solid #fff;
    display: block;
    color:#fff;
    transition: all 1.3s ease 0s;
}
.team_social > li > a:hover{
    background: #fff;
    color:#de4f00;
    transition: all 1.3s ease 0s;
}
.team-prof{
    margin-top: 10px;
}
.post-title > a{
    text-transform: capitalize;
    color:#fff;
    transition: all 0.2s ease 0s;
}
.post-title > a:hover{
    text-decoration: none;
    color:#de4f00;
}
.post{
    color:#de4f00;
    font-size: 18px;
}
.pic2:hover .social_media_team{
    top:0;
}
@media screen and (max-width: 990px){
    .our-team2 {
        margin-bottom: 30px;
    }
}
/* </EFECTO SERVICIOS> */

/* </EFECTO PRODUCTOS> */
#fDestacados .pic {
    border-radius: 50% 50% 50% 0;
    overflow: hidden;
    transition: all 0.5s ease 0s;
    margin-bottom: .5rem;
    width: 7rem;
}
#fDestacados .pic:hover {
    border-radius: 50% 0;
}

#fFranjaContenido .pic {
    border-radius: 50% 50% 50% 0;
    overflow: hidden;
    transition: all 0.5s ease 0s;
    margin-bottom: .5rem;
    width: 7rem;
}
#fFranjaContenido .pic:hover {
    border-radius: 50% 0;
}
/* </EFECTO PRODUCTOS> */



/* <TIME LINE> */

#fFondoTimeLine .container {
    position: relative;
    margin-top: 2rem;
  }
  
  
  
#fFondoTimeLine .rb-container {
    margin: auto;
    display: block;
    position: relative;
    padding-left: 1rem;
  }
  
  
#fFondoTimeLine .rb-container ul.rb {
    margin: 2.5em 0;
    padding: 0;
    display: inline-block;
  }
  
  
#fFondoTimeLine .rb-container ul.rb li {
    list-style: none;
    margin: auto;
    margin-left: 10px;
    min-height: 50px;
    border-left: 4px dashed #E5E5E5;
    padding: 0 0 80px 30px;
    position: relative;
  }
  
  
#fFondoTimeLine .rb-container ul.rb li:last-child {
    border-left: 0;
  }
  
  
#fFondoTimeLine .rb-container ul.rb li::before {
    position: absolute;
    left: -18px;
    top: -10px;
    content: " ";
    border: 10px solid rgba(71, 118, 186, 1);
    border-radius: 500%;
    background: #fff;
    height: 30px;
    width: 30px;
    transition: all 500ms ease-in-out;
  }
  
  
#fFondoTimeLine .rb-container ul.rb li:hover::before {
    border-color: rgba(231, 60, 32, 1);
    transition: all 1000ms ease-in-out;
  }
  
  
#fFondoTimeLine ul.rb li .timestamp {
    color: #111;
    position: relative;
    font-size: 220%;
    font-weight: 800;
    line-height: .2;
  }
  
  
#fFondoTimeLine .item-title {
    color: #111;
    padding-top: 1rem;
    font-size: 110%;
  }
  
  
#fFondoTimeLine .container-3 {
    width: 5em;
    vertical-align: right;
    white-space: nowrap;
    position: absolute;
  }
  
  
#fFondoTimeLine .container-3 input#search {
    width: 150px;
    height: 30px;
    background: #fbfbfb;
    border: none;
    font-size: 10pt;
    color: #262626;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin: 0.9em 0 0 28.5em;
    box-shadow: 3px 3px 15px rgba(119, 119, 119, 0.5);
  }
  
  
#fFondoTimeLine .container-3 .icon {
    margin: 1.3em 3em 0 31.5em;
    position: absolute;
    width: 150px;
    height: 30px;
    z-index: 1;
    color: #4f5b66;
  }
  
  
#fFondoTimeLine input::placeholder {
    padding: 5em 5em 1em 1em;
    color: #50d890;
  }

#fFondoTimeLine {        
    padding-top: 4rem;
    margin-bottom: 4rem;
    background: url(/images/grid-03-chica.png) repeat;
    background-color: #FFF;
}
/* </TIME LINE> */





/* <FANCYBOX> */
.fancybox__container {
    --fancybox-bg: rgba(0, 27, 86, 0.95) !important;
}

.f-button {
    background-color: #fff !important;
}




.f-carousel {
    --f-button-width: 38px;
    --f-button-height: 38px;
    --f-button-svg-width: 16px;
    --f-button-svg-height: 16px;
    --f-button-svg-stroke-width: 2.5;
    --f-button-color: rgb(71 85 105);
    --f-button-border-radius: 50%;
    --f-button-shadow: 0 6px 12px -2px rgb(50 50 93 / 25%), 0 3px 7px -3px rgb(0 0 0 / 30%);
    --f-button-bg: #fff;
    --f-button-hover-bg: #f9f9f9;
    --f-button-active-bg: #f0f0f0;
}
.f-carousel__thumbs.is-classic {
    --f-thumb-gap: 8px;
    --f-thumb-opacity: 0.5;
    --f-thumb-hover-opacity: 1;
    --f-thumb-selected-opacity: 1;
}

.f-carousel__thumbs.is-classic {
    --f-thumb-gap: 8px;
    --f-thumb-opacity: 0.5;
    --f-thumb-hover-opacity: 1;
    --f-thumb-selected-opacity: 1;
}

.f-thumbs {
    position: relative;
    flex: 0 0 auto;
    margin: 0;
    overflow: hidden;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    user-select: none;
    perspective: 1000px;
    transform: translateZ(0);
}

.f-carousel__thumbs {
    --f-thumb-width: 60px !important;
    --f-thumb-height: 40px !important;
}

.f-carousel__slide .img-fluid {
}


@media only screen and (max-width: 992px) {

    .f-carousel__slide .img-fluid {
        width: 100%;
    }

}
/* </FANCYBOX> */


       .franja-azul {
            background: linear-gradient(135deg, #4a5568, #2d3748);
            color: white;
            padding: 80px 0 40px 0; /* Más padding arriba para el logo */
            text-align: center;
            position: relative;
            overflow: visible; /* Importante para que el logo se vea */
        }