:root {
    --naranjo: #FF4715;
    --amarillo: #F99723;
    --azul: #2558D5;
    --rosa: #FAACA2;
    --celeste: #8DAEF3;
    --gris: #484949;
    --gris-claro: #EFEEED;
    --gris-oscuro: #E7E7E7;
    --verde: #2BA65D;
    --rojo: #FF0000;
}
.w-90 {
    width: 90%;
}
.w-80 {
    width: 80%;
}

@media (min-width: 500px) and (max-width: 900px) {  
    #banner-slide-mobile .primero {
      background-image: url('../imgs/home/accesibilidad-Tablet992x500.webp')!important;
    }
    #banner-slide-mobile .segundo {
      background-image: url('../imgs/home/Aspiaracional-Tablet992x500.webp')!important;
    }
    #banner-slide-mobile .tercero {
      background-image: url('../imgs/home/confianza-seguridad-Tablet992x500.webp')!important;
    }
    #banner-slide-mobile .cuarto {
      background-image: url('../imgs/home/innovacion-digitalizacion-tablet992x500.webp')!important;
    }
    #banner-slide-mobile .quinto {
      background-image: url('../imgs/home/LibertadFinanciera-Tablet992x500.webp')!important;
    }
}

@media (min-width: 768px) and (max-width:1024px){  
    .caja-datos-personales {   width: 80%; }
    .caja-aparecer-video .contenido-caja{
        width: 90%!important;
        z-index: 99999999999999 !important;
    }
    .d-md-none {
        padding: 1rem; 
        max-height: 90vh; 
        overflow-y: auto; 
    }
    .progress-info-text {
        font-weight: bold;
        color: #4CAF50;
        position: absolute;
        top: 0.5rem;
        left: 50%;
        transform: translateX(-50%);
        text-align: center;
    }
    form.p-3 {
        padding: 2rem;
    }  
    .btn {
        padding: 0.75rem 1.5rem; 
    }
}

@media (max-width: 767px){ 
    .etapas-inversion {
        gap: 0.5rem;
      }
    
      .barra-progreso {
        height: 0.5rem;
        width: 4.5rem; 
        background-color: var(--gris-claro); 
        border-radius: 0.2rem;
      }
    .socios {
        background-size: auto 120%; 
    }
    
    .porte img {
        max-height: 30vh !important;
        height: 30vh !important;
    }
    .w-xs-90{
        width: 90% !important;
    }
    .centrar-texto{
        text-align: center;
    }
    .columna{
        flex-direction: column;
    }
    #finalizar-btn {
        display: block;
        margin: 0 auto; 
    }
   
    .ancho-recibirias{
        width: 80% !important;
    }
    


    .linea-fases {
        z-index: 0;
        position: absolute;
        top: 17%;
        left: 15%;
        height: 0.75rem;
        width: 92%;
        background-color: #ddd;
        transform: translateY(-50%);
        transition: background-color 0.3s ease;
    }
    .alineo-texto {
        text-align: left !important; 
        flex-grow: 1 !important;
        padding-bottom: 2rem !important;
    }
    
    .alineo-texto-mobile {
        text-align: center !important;
        flex-grow: 1 !important;
        padding-bottom: 2rem !important;
    }

    .owl-dots {
        text-align: center;
    }
   
    .dots .owl-dots button.owl-dot {
        border: 1px solid var(--gris-oscuro);
        background: white;
        height: 5px; 
        width: 30px; 
        position: relative;
        margin: 0 2px; 
    }
    .socios .socios-slide .owl-nav .owl-prev {
        left: -10px;
        bottom: 2.5rem;
    }
    .socios .socios-slide .owl-nav .owl-next {
        right: -10px;
        bottom: 2.5rem;
    }
    .socios .socios-slide .item img {
        max-width: 100%;
        margin: auto;
        width: auto;
        height: 8rem;
    }

    .dots .owl-dots button.owl-dot.active span,
    .dots .owl-dots button.owl-dot:hover span {
        background-color: #000; 
        border-radius: 0; 
        height: 5px; 
        width: 30px;
    }

    .dots .owl-dots button.owl-dot span {
        display: block;
        background-color: var(--gris-oscuro); 
        border-radius: 0;
        height: 5px; 
        width: 30px;
        position: absolute;
        top: 0;
        left: 0;
    }
    /* .cabecera-cms-contacto {
        background-image: url('../imgs/home/BannerMobile_contacto.png');
        height: 100vh;
        background-size: cover;
        background-position: center;
        padding-bottom: 3rem;
    }
    .cabecera-cms-nosotros {
        background-image: url('../imgs/home/BannerMobile_nosotros.png'); 
        height: 100vh;
        background-position: center;
        padding-bottom: 3rem;
    }
    .cabecera-cms-comofunc {
        background-image: url('../imgs/home/BannerMobile_como.png');
        height: 100vh;
        background-size: cover;
        background-position: center;
        padding-bottom: 3rem;
    } */
    /* .cabecera-cms-educacion {
        background-image: url('../imgs/home/BannerMobile_educacion.png');
        height: 100vh;
        background-size: cover;
        background-position: center;
        padding-bottom: 3rem;
    } */
    .cabecera-cms-preguntas {
        background-image: url('../imgs/home/BannerMobile_terminos.png');
        height: 100vh;
        background-size: cover;
        background-position: center;
        padding-bottom: 3rem;
    }
    
    #equipo-carousel .owl-stage-outer{
        margin-left: 10px;
    }
    
    .barra-indicadores li {
        position: relative; 
    }
    
    .barra-indicadores li::before { content: ''; background-color: var(--azul);  height: 100%; position: absolute; left: -45%; top: 0; width: 2px; }
    .barra-indicadores li::after {
        content: '';
        background-color: var(--azul);
        height: 100%;
        position: absolute;
        left: 145%;
        top: 0;
        width: 2px;
    }

    .caja-aparecer-video .contenido-caja{
        height: auto!important;
        padding: 15px!important;
    }
    .caja-aparecer-video .contenido-caja iframe{
        height: auto!important;
    }
    .caja-aparecer-video svg {
        top: -2px;
        right: -2px;
    }
    .caja-aparecer-tooltip .contenido-caja{
        height: 50%;
        /* padding: 15px!important; */
    }
    .testimonios-slide .item {
        width: calc(100% - 10px) !important;
        margin: 0 5px !important;
        padding: 0.75rem !important;
    }
    .testimonios {
        background-color: #fff; 
        background-position: center; 
        background-size: cover; 
        background-repeat: no-repeat;
        padding: 2rem 0;
    }
    .testimonios .testimonios-slide .item {
        max-width: 93%;
        border-radius: 0.57056rem;
        background: var(--gris-claro);
        padding: 1.5rem;
        margin: 0.5rem;
        transition: transform 0.3s ease;
    }
    .testimonios .testimonios-slide .item p.texto-testimonio {
        color: var(--gris-texto);
        font-size: 0.875rem;
        
        font-weight: 500;
        line-height: 1.5;
        margin-bottom: 1rem;
    }
    .testimonios .testimonios-slide .item img {
        width: 80px !important;
        height: 80px !important;
        object-fit: cover;
        border-radius: 50%;
        margin: 1rem auto !important;
    }
    .testimonios .testimonios-slide .owl-item.active.center {
        transform: scale(1.05);
    }
    .testimonios .owl-stage-outer {
        padding: 10px;
    }
    
    .owl-nav .owl-prev,
    .owl-nav .owl-next {
        background: rgba(255, 255, 255, 0.8); 
        border-radius: 50%;
        margin-left: 1rem;
        margin-right: 1rem;
        padding: 10px;
        font-size: 18px;
        color: #333;
    }

    .galeria-proyecto{
        
    }

    .galeria-proyecto .owl-nav{        
        position: absolute;
        top: 100px;
        display: flex;
        justify-content: space-between;
        width: 100%;
    }
    .galeria-proyecto .owl-nav button span{
        font-size: 80px;
        color: #323232;
    }
    .caja-formulario-flotante > div {
        width: 100% !important;
        height: 100%;
      } 
    /* .caja-formulario-flotante > div {
        width: 100% !important;
        margin: 15px;
        margin-top: 2rem;
        padding: 15px;
        height: 115%;
    } */
    .tamaño-btn-custom{
        font-size: 12px !important;
    }
    .tamaño-btn-custom img{
        height: 16px;
    }
    .caja-aparecer-tooltip{
        z-index: 999999999999999;
    }
    .background-container{
        margin-bottom: 1rem;
    }
    .background-container{
        height: 60vh;
    }
    .cabecera-cms {
        background-size: cover;
        background-position: center;
        padding-bottom: 3rem;
    }
    .cabecera-cms .row { 
        /* text-align: center; */
    }
    .cabecera-cms .col-8 {
        width: 100%;
        padding-right: 0;
    }
    .cabecera-cms .col-lg-4 {
        width: 100%;
        height: auto;
        margin-bottom: 1rem;
    }
    .cabecera-cms .caja-form-compra {
        height: auto;
        width: 100%;
        padding: 1rem;
        border-width: 2px;
    }
    .cabecera-cms .btn-ubicacion {
        display: block;
        margin-bottom: 1rem;
        margin-right: 5rem;
    } 
    .probando .tipo-span {
        display: block;
        width: 6.5rem;
    }
    .educacion-financiera .caja-filtros {
        display: block;
        text-align: center;
    }
    
    .educacion-financiera .caja-filtros .filtros {
        display: block;
        margin-bottom: 1rem;
    }
    
    .educacion-financiera .caja-filtros .filtros ul {
        padding: 0;
        margin: 0;
        list-style: none;
    }
    
    .educacion-financiera .caja-filtros .filtros div {
        display: inline-block;
        margin: 0.5rem;
    }
    
    .educacion-financiera .caja-filtros .filtros div a {
        text-decoration: none;
        padding: 5px 7px;
        background-color: var(--azul);
        color: #fff;
        display: inline-block;
    }
    
    .educacion-financiera .caja-filtros select {
        background: var(--gris-oscuro); 
        border: none;
        padding: 7px 10px;
        width: 100%;
    }
    .educacion-financiera .podcast-ackermann > a > img { position: absolute; right: 2px; top: -36px; }
    .educacion-financiera .podcast-sadler > a > img {right: 2px; top: -36px; }
    .w-100-custom{width: 100%;}
    .educacion-financiera .caja-filtros .texto {
        font-family: "Open Sans", sans-serif;
        font-size: 1.125rem;
        font-style: normal;
        font-weight: 400;
        line-height: 120%;
        color: #000;
        display: block;
        margin-bottom: 1rem;
    }
    .cabecera-cms .container, .cabecera-cms .container .row {
        min-height: 580px;
        z-index: 9;
        position: relative;
    }
    .cabecera-cms {
        min-height: 650px;
    }
    .proyecto-mobile {
        background: #fff;
        border-radius: 10px;
        overflow: hidden;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    }
    
    .proyecto-mobile .card-container {
        margin-bottom: 20px;
        overflow: hidden; 
        min-height: 10px !important;
    }
    
    .proyecto-mobile .imagen {
        position: relative;
        width: 100%;
        height: 150px; 
        background-color: #f0f0f0;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .proyecto-mobile .imagen-circular {
        width: 80px; 
        height: 80px; 
        border-radius: 50%;
        object-fit: cover;
        border: 4px solid #fff; 
    }
    
    .proyecto-mobile .contenido {
        padding: 20px;
        text-align: center;
    }
    
    .proyecto-mobile .contenido h4 {
        font-size: 14px;
        color: #555;
    }
    
    .proyecto-mobile .contenido h2 {
        font-size: 18px;
        margin: 10px 0;
        color: #000;
    }
    
    .proyecto-mobile .ubicacion {
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 12px;
        color: #999;
        margin: 10px 0;
    }
    
    .proyecto-mobile .ubicacion img {
        width: 14px;
        margin-right: 5px;
    }
    
    .proyecto-mobile .estado {
        display: flex;
        justify-content: center;
        gap: 10px;
        margin: 10px 0;
    }
    
    .proyecto-mobile .btn-estado {
        padding: 5px 10px;
        border-radius: 20px;
        font-size: 12px;
        color: #fff;
    }
    
    .proyecto-mobile .btn-estado.financiado {
        background: #4CAF50;
    }
    
    .proyecto-mobile .btn-estado.prestamo {
        background: #FF5722;
    }
    
    .proyecto-mobile .rentabilidad-total {
        background: #4CAF50;
        color: #fff;
        padding: 10px;
        border-radius: 10px;
        margin: 10px 0;
        font-size: 16px;
    }
    
    .proyecto-mobile .detalles {
        font-size: 14px;
        text-align: left;
        margin-top: 10px;
    }
    
    .proyecto-mobile .detalles div {
        margin: 5px 0;
    }
    
    .proyecto-mobile .detalles div:nth-child(odd) {
        font-weight: bold;
    }
    .accordion-header {
        background-color: var(--gris-claro) !important;
    }
    .btn-mobile-full {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        text-align: center;
        padding: 0.5rem 0px;
    }
    .img-peque2{
        width: 65% !important;
    }
    .sidebar-tooltip.active{
        width: 100% !important;
    }
    .sidebar-tooltip.active:before { content: ''; position: absolute; left: -5000px; right: 500px; top: 0;bottom: 0; background: none; }

    .mi-modal-contenido {
        background: var(--gris-claro);
        width: 100%;
        position: relative;
        height: 100%;
        border-radius: 0 !important;
    }
    .scrollable-container { height: auto; overflow-y: scroll; max-height: 70vh;}
    .scrollable-container2 { height: auto; overflow-y: auto; max-height: 80vh;}
}

@media (max-width: 576px) {
    .como-funciona .img-peque { width: 100%;}
    .info-icon{
        width: 16px;
        height: 16px;
    }

    p {
        font-size: 16px;
    }
    .caja-aparecer-event svg {
        fill: var(--naranjo);
        width: 9%;
        position: absolute;
        top: -10px;
        right: -10px;
    }
    .modal-tooltip{
        width: 320px;
    }

    .modal-tooltip .content {
        /* max-width: 50%;  */
        padding: 10px; 
        font-size: 0.9rem; 
    }

    .modal-tooltip img {
        width: 28px; 
    }
    .caja-formulario-flotante {
        overflow-y: auto;
    }
    

    .modal-tooltip p {
        font-size: 0.8rem;
    }

    .modal-tooltip .btn {
        padding: 8px 16px; 
        font-size: 0.8rem; 
    }
    .izquierda{
        padding-top: 0.25rem !important;
    }
    .col-lg-4.izquierda {
        padding: 2rem; 
    }
    .formulario-tamaño{ 
        font-size: 0.8rem !important;
    }
    
    .mi-modal-cerrar{
        /* right: 5px;
        top: 2px; */
    }
  

    .tamaño-texto-inversion{
        font-size: 16px ;
    }
    h3 {
        font-size: 1.5rem;
    }
    

    .formulario-inversion .row .izquierda .perfiles-inversores ul li img,
    .formulario-inversion .row .izquierda .mt-3.border.fondo-blanco.rounded-5.w-100.p-3 .ms-auto
    {
        width: 20px;
    }

    .tamaño img{
        width: 20px !important;
    }

    

    .perfiles-inversores ul {
        align-items: flex-start;
        padding: 2rem 0;
    }

    .container-fluid .row .izquierda .perfiles-inversores ul li {
        font-size: 13px;
    }
    .perfiles-inversores ul .fontPerfil{
        font-size: 13px;
    }

    .formulario-compra {
        margin-top: 1rem; 
    }

    .mt-3.border {
        padding: 1rem; 
    }

    .texto-simulador p {
        font-size: 0.9rem; 
    }

    .cabecera-show{
        min-height: 300px !important;
        max-height: 300px !important;
        border-radius: 0.5rem;
    }

    .texto-largo {
        display: none;
    }
    .texto-corto {
        display: block; 
    }
    #equipo-carousel .owl-item img {
        display: inline;
        width: 50%;
    }
    .d-flex.flex-wrap.align-items-center {
        flex-wrap: nowrap;
        overflow: hidden;
    } 
    .botones-header .btn {
        flex-shrink: 0;
    }  
    .navbar-brand {
        flex-shrink: 0;
        max-width: 30%;
    }
    .navbar-toggler {
        flex-shrink: 0;
        max-width: 10%;
    }
}
@media (max-width: 1200px) and (min-width: 990px){
    .educacion-financiera .podcast > a > img {width: 22rem;}
}
@media (max-width: 484px) {
    .linea-fases {
        z-index: 0;
        position: absolute;
        top: 17%;
        left: 18%;
        height: 0.75rem;
        width: 91%;
        background-color: #ddd;
        transform: translateY(-50%);
        transition: background-color 0.3s ease;
    }
    .imagen-login img {
        width: 50% !important; 
        margin: 0 auto; 
      }
    #header {
        padding: 0.25rem 0px !important;
    }
    .progress-info-text {
      font-weight: bold;
      color: #4CAF50;
      position: absolute;
      top: 1rem;
      left: 50%;
      transform: translateX(-50%);
      text-align: center;
  }
  
    .botones-header li { margin-left: 1px;}
    .botones-header li:nth-child(n+3) { margin-left: 1rem;}
    #header .navbar {
        display: flex;
        /* flex-wrap: nowrap; */
        justify-content: space-between;
        align-items: center;
        
    }
    
  
    #header .navbar-brand {
        flex: 0 1 auto;
        /* margin-right: auto; */
        max-width: 19%;
        margin: 0;
    }
  
    #header .navbar-brand img {
        width: 70%;
        height: auto;
        padding: 0;
        margin: 0;
    }
  
    #header .botones-header {
        flex: 1 1 auto;
        /* justify-content: flex-end;
        padding-left: 10px; */
    }
  
    #header .botones-header .btn {
        font-size: 10px;
        padding: 2px 11px;
    }
  
    #header .navbar-toggler {
        flex: 0 0 auto;
        margin-left: 4px; 
        padding: 2px; 
        height: 33px;
        background-size: contain; 
        background-repeat: no-repeat;
        background-position: center;
        border: none; 
        filter: brightness(0) saturate(100%) invert(44%) sepia(98%) saturate(4313%) hue-rotate(352deg) brightness(101%) contrast(101%);
        transition: transform 0.3s ease; 
    }
    .navbar-toggler-icon {
        width: 30px; 
        height: 30px; 
        background-size: contain; 
        background-repeat: no-repeat;
        filter: brightness(0) saturate(100%) invert(44%) sepia(98%) saturate(4313%) hue-rotate(352deg) brightness(101%) contrast(101%);
    }
  
    /* Animación al pasar el cursor */
    #header .navbar-toggler:hover {
        transform: scale(1.1); 
    }
  
    .navbar-collapse {
        flex-basis: 100%;
        justify-content: flex-start;
    }
  
    .navbar-nav {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
    }
  
    .navbar-nav .nav-item {
        width: 90%;
        text-align: center;
    }
  
    .navbar-nav .nav-link {
        padding: 10px 0;
    } 
  
    .collapse {
        width: 100%;
    }
  
    .collapse.show {
        
        flex-direction: column;
    }
}
@media (min-width: 1360px) {
    #header{
        padding: 0 4rem !important;
    }
}
@media (min-width: 992px){
    
    .img-blog {
        height: 100%; 
    }
    .img-blog img {
        height: 100%;
        object-fit: contain;
        width: 100vh;
    }
}
@media (max-width: 991px){    
    .cabecera-cms .btn-ubicacion{
        width: 100%;
    }
    .cabecera-cms-educacion {
        background-image: url('../imgs/blog/bannerVodcast-mobile.png');
        height: 100vh;
        background-size: cover;
        background-position: center;
        padding-bottom: 3rem;
    }
    .cabecera-cms-contacto {
        background-image: url('../imgs/home/BannerMobile_contacto.png');
        height: 100vh;
        background-size: cover;
        background-position: center;
        padding-bottom: 3rem;
    }
    .cabecera-cms-nosotros {
        background-image: url('../imgs/home/BannerMobile_nosotros.png'); 
        height: 100vh;
        background-position: center;
        padding-bottom: 3rem;
    }
    .cabecera-cms-gobernanza {
        background-image: url('../imgs/home/banner-gobernanza-mobile.webp'); 
        height: 100vh;
        background-position: center;
        padding-top: 3rem;
    }
    .cabecera-cms-comofunc {
        background-image: url('../imgs/home/BannerMobile_como.png');
        height: 100vh;
        background-size: cover;
        background-position: center;
        padding-bottom: 3rem;
    }
    
    .caja-formulario-flotante{
        overflow-y: auto;
    }
    .col-lg-4.izquierda {
        padding: 2rem; 
    }
}
@media (max-width: 991px) and (min-width: 768px) {
    .caja-formulario-flotante > div {
        margin-top: 2rem;
    }
}

@media (max-width: 768px) {
    .educacion-financiera .blog .container,
    .educacion-financiera .blog .container-fluid {
        padding-left: 0;
        padding-right: 0;
    }

    .educacion-financiera .blog .row {
        margin-left: 0;
        margin-right: 0;
        width: 100%;
    }

    .educacion-financiera .blog .col-12,
    .educacion-financiera .blog .col-md-4 {
        padding-left: 15px;
        padding-right: 15px;
    }

    .educacion-financiera .blog .caja-noticia-loop {
        width: 100%;
        margin: 0.5rem 0;
        box-sizing: border-box;
    }

    .educacion-financiera .blog .caja-noticia-loop .contenido {
        padding: 1.5rem;
    }

    .educacion-financiera .blog .caja-noticia-loop .foto {
        width: 100%;
        margin: 0;
    }
}

/* Ajustes para pantallas medianas (tablets y laptops pequeñas) */
@media (min-width: 990px) and (max-width: 1450px) {

    .container-fluid .row .izquierda .perfiles-inversores ul li{
        font-size: 13px;
    }
    .cabecera-cms .container {
        padding:0;
        margin: 0;
        min-width: 115vh;
        margin-left: 1rem;
    }
  .caja-slider {
    /* height: 60vh; */
  }
  
  .caja-slider > img.d-block {
    /* height: 60vh; */
    object-fit: cover;
    width: 100%;
  }
  
  .caja-slider .contenedor-slider {
    left: 5%;
    right: 40%;
    top: 23%;
  }
  
  .caja-slider .contenedor-slider .btn-primary,
  .caja-slider .contenedor-slider .btn-primary-invert,
  #bannerMobile .btn-primary,
  #bannerMobile .btn-primary-video {
    padding: 0.35rem 0.75rem;
    font-size: 0.9rem;
    border-radius: 1rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
}

/* Ajustes para pantallas grandes */
@media (min-width: 992px) {
  .caja-slider {
    /* height: 70vh; */
  }
  
  .caja-slider > img.d-block {
    /* height: 70vh; */
    object-fit: cover;
    width: 100%;
  }
  .caja-slider .contenedor-slider {
    left: 8%;
    right: 40%;
    top: 7%;
  }
  .barra-indicadores{
    position: relative;
    bottom: 4rem;
  }
}
@media (min-width: 767px) and (max-width: 1399px){
    .educacion-financiera.blog .caja-noticia-loop {
        min-height: 8rem;
    }
}
/* Ajustes para pantallas 1440px y mayores */
@media (min-width: 1440px) {
  .caja-slider .contenedor-slider .btn-primary,
  .caja-slider .contenedor-slider .btn-primary-invert,
  #bannerMobile .btn-primary,
  #bannerMobile .btn-primary-video {
    padding: 0.5rem 1rem !important;
    font-size: 1rem;
    border-radius: 1.25rem;
    max-width: 200px;
  }
}

/* Ajustes para pantallas muy grandes */
@media (min-width: 2000px) {
  .caja-slider {
    /* height: 90vh; */
  }
  
  .caja-slider > img.d-block {
    /* height: 90vh; */
    object-fit: cover;
    width: 100%;
  }
}

@media (max-width: 380px) {
    /* Ajustes específicos para la sección de testimonios */
    .testimonios .testimonios-slide {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .testimonios .testimonios-slide .item {
        width: 100% !important;
        max-width: 320px !important;
        margin-left: 15px !important;
        padding: 1rem !important;
    }

    .testimonios .testimonios-slide .owl-stage {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .testimonios .container {
        max-width: 100% !important;
        padding: 0 0.5rem !important;
    }
}
@media (min-width: 990px) and (max-width: 1300px) {
    .col-lg-4.izquierda.p-5.text-start{
        flex: 0 0 auto;
        width: 38%;
    }
}

@media (max-width: 480px) and (min-width: 381px) {
    /* Ajustes específicos para la sección de testimonios */
    .testimonios .testimonios-slide {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .testimonios .testimonios-slide .item {
        width: 100% !important;
        /*padding: 1rem !important;*/
    }

    .testimonios .testimonios-slide .owl-stage {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .testimonios .container {
        max-width: 100% !important;
        /*padding: 0 0.5rem !important;*/
    }
}
@media (min-width: 768px) {
    .img-responsive-custom {
        width: 50%;
    }
}

@media (min-width: 992px) {
    .img-responsive-custom {
        width: 50%;
    }
}
@media screen and (min-width: 1120px) and (max-width: 1300px) {
    #menu li a {
        font-size: 16px;
    }
    
    .botones-header li a {
        font-size: 16px;
    }
    .cabecera-cms .container {
        padding:0;
        margin: 0;
        min-width: 130vh;
        margin-left: 3rem;
    }
}
@media screen and (min-width: 990px) and (max-width: 1119px) {
    #menu li {
        margin-left: 30px;
        
    }
    #menu li a {
        font-size: 16px;
    }
    .botones-header li a {
        font-size: 16px;
    }
    
}
@media (min-width: 768px ) and (max-width: 989px) {
    .cabecera-cms .container {
        padding:0;
        margin: 0;
        min-width: 90vh;
        margin-left: 1rem;
    }
}

.cabecera-cms-proyectos {
    background-size: cover;
    height: 45vh;
    background-position: center;
}

.cabecera-cms-proyectos.d-none.d-lg-block {
    background-image: url('../imgs/paginas-cms/banner_proyectos.webp');
}

.cabecera-cms-proyectos.d-lg-none {
    background-image: url('../imgs/home/BannerMobile_proyectos.png');
    height: 100vh;
        background-size: cover;
        background-position: center;
        padding-bottom: 3rem;
}
@media (min-width: 768px) {
    .cabecera-cms-proyectos {
        /* Ajustes para pantallas medianas */
        min-width: 90vh; /* Ancho mínimo */
    }
}

@media (min-width: 992px) {
    .cabecera-cms-proyectos {
        /* Ajustes para pantallas grandes */
        min-width: 115vh; /* Ancho mínimo */
    }
}

@media (max-width: 1200px) {
    #menu a {        
        font-size: 14px!important;
    }
}

@media (max-width: 440px) {
    .linea-fases {
        z-index: 0;
        position: absolute;
        top: 17%;
        left: 19%;
        height: 0.75rem;
        width: 92%;
        background-color: #ddd;
        transform: translateY(-50%);
        transition: background-color 0.3s ease;
    }
}

/* Para pantallas pequeñas */
@media screen and (max-width: 1560px) and (min-width: 1200px) {
    .botones-header .btn {
        font-size: 13px !important;
    }
    
    #menu li a {
        font-size: 16px!important;
    }   
    #menu a {
        font-size: 16px!important;
    }

    html{
        font-size:12.5px!important;
    }
}

@media (max-width: 576px) {
    #texto-hero {
      font-size: 1rem !important;
  font-family: var(--font-family)!important;
    }

    h2 {
        font-size: 1.4rem!important;
    }
}
.fs-7 {
    font-size: .86rem !important;
}


.fs-8 {
    font-size: .62rem !important;
}


.bg-webpay {
    --bs-bg-opacity: 1;
    background-color: rgba(109, 32, 119, var(--bs-bg-opacity)) !important;
}

.bg-myway-azul {
    --bs-bg-opacity: 1;
    background-color: rgba(37, 88, 213, var(--bs-bg-opacity)) !important;
}

.bg-myway-naranjo {
    --bs-bg-opacity: 1;
    background-color: rgba(255, 71, 21, var(--bs-bg-opacity)) !important;
}
.cmf-logo{
    width: 200px;
}

/* Por defecto (móviles): ancho completo */
  #btn-hero {
    width: 100%;
  }

/* Desde 576px hacia arriba (sm y superiores): ancho automático */
@media (min-width: 576px) {
    #btn-hero {
        width: auto;
    }
}