.container-tags{
            padding: 0px;
        }

        b, strong{
            color: #ff6b8c;
        }
        strong{
                font-size: 24px;
        }


        .lista-resultado .lista {
    border: 1px solid #ff6b8c !important;
}
.lista-resultado .lista .descripcion .nombre {
    color: #ff6b8c;
}

.btn-primary-outline{
    background-color: #ffff !important;
    border-color: #ff6b8c !important;
    color: #ff6b8c !important;
}
.btn-primary {
    background-color: #ff6b8c !important;
    border-color: #ff6b8c !important;
}




.winner-grid {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 40px; /* más espacio entre logos */
  flex-wrap: wrap;
  padding: 20px;
}

.winner-card img {
  max-height: 80px;  /* todos tendrán la misma altura máxima */
  width: auto;       /* manteniendo proporción */
  object-fit: contain;
}

.winner-card {
  background: #fff;
  border-radius: 10px;
  padding: 15px 25px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.08);
  display: flex;
  align-items: center;
  justify-content: center;
}


.banner-nosotros2 {
  background: linear-gradient(to right, #f8b6cc, #ffffff, #f8b6cc);
  
  display: flex;
  justify-content: center;
  align-items: center;
  /*padding-top: 30px;*/
}

.banner-nosotros2 img {
  /*max-width: 100%;*/
  max-width: 1000px;
  /*border-radius: 15px; */
  box-shadow: 0 8px 25px rgba(0,0,0,0.25); /* sombra flotante */
}

.box-gris {
  background-color: #f2f2f2;
  width: 100%;
  padding: 40px 20px;
  border-radius: 20px; /* bordes curvos */
  text-align: center;
  box-shadow: 0 4px 15px rgba(0,0,0,0.2); /* sombra suave */

}




@media (max-width: 768px) {

    .banner-nosotros2{
        padding-top: 0px;
    }

    .banner-nosotros2 img{
        width: 100%;

    }



  .winner-grid {
    flex-direction: column;
    gap: 20px;
  }

  .winner-card img {
    max-height: 60px; /* más pequeños en móvil */
  }
}







    p, i {
        color: #7f7f7f;
        text-align: center;
    }
    .wrapper-inner-banner img {
/*        height: auto;*/
    }
    .banner-nosotros {
        padding-top: 30px;
/*        height: 382px;*/
        /*height: 452px;*/
    }
    @media (max-width: 991px) {
        .banner-nosotros {
            padding-top: 0px!important;
            /*height: 218px!important;*/
        }
        .container-tags {
            padding: 0px 0;
        }
    }

    /* Estilo para el botón */
    button {
        padding: 10px 20px;
        background-color: #ff6b8c;
        color: white;
        border: none;
        cursor: pointer;
        font-size: 16px;
    }

    .h2, h2{
        color: #ff6b8c;
        font-size: 15px;
    }

    dl, ol, ul {
        margin-top: 0;
        margin-bottom: 1rem;
        color: #7f7f7f;
    }

    .form-cta .cta{
        align-items: normal;
    }

    /* El Modal por defecto está oculto */
    .modal {
        display: none; /* Oculto por defecto */
        position: fixed; /* Fijo en pantalla */
        z-index: 1; /* Asegura que el modal esté por encima de otros elementos */
        left: 0;
        top: 0;
        width: 100%; /* Ancho completo */
        height: 100%; /* Alto completo */
        background-color: rgba(0, 0, 0, 0.5); /* Fondo oscuro semitransparente */
        z-index: 999999;
        overflow: hidden;
    }

    /* Contenido del modal */
    .modal-content {
        position: relative;
        background-color: #fff;
        margin: 5% auto;
      padding: 20px;
      width: 80%;
      max-width: 800px;
      max-height: 80%;
      border-radius: 8px;
      box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.5);
      overflow-y: auto; /* Habilitar scroll si el contenido es largo */
      height: 600px;
       word-wrap: break-word;
    overflow-wrap: break-word;
    white-space: normal;
    }

    .modal h2 {
      margin-top: 0;
    }

    .modal-body {
      max-height: 300px;
      overflow-y: auto; /* Habilitar scroll solo en el contenido del modal */
      padding-right: 10px; /* Espacio para que no se superponga el scroll */
    }

.modal p {
/*  font-size: 12px;*/
/*  line-height: 1.6;*/
  margin-bottom: 10px;
}

/* Botón de cerrar (x) */
.close0{
    text-align: center;
    font-size: 40px;
    font-weight: bold;
    cursor: pointer;
    color: #ff6b8c
}
.close{
    text-align: center;
    font-size: 40px;
    font-weight: bold;
    cursor: pointer;
    color: #ff6b8c;
}
.close2 {
    text-align: center;
    font-size: 40px;
    font-weight: bold;
    cursor: pointer;
    color: #ff6b8c;
}

.close3 {
    text-align: center;
/*    font-size: 40px;*/
    font-weight: bold;
    cursor: pointer;
    color: #ff6b8c;
}


/*.close0:hover, .close:hover, .close2:hover,
.close0:focus, .close:focus, .close2:focus {
    color: #ff6b8c;
    text-decoration: none;
}*/

.close:hover,
.close:focus {
    color: #ff6b8c;
    text-decoration: none;
}


.imagencorazon{
margin: auto; width: 50%; padding: 40px;
}



    


    
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1000px;
    }






    @media (max-width: 991px) {

        .winner-card {
            width: 150px;
        }


    .banner-nosotros-texto {
        
        padding-top: 90px!important;
        
    }







    }

    /*a {
    color: #ff6b8c;
    text-decoration: none;
    }*/

    .contenido-servicio h4 {
        color: #ff6b8c;
        text-align: center;
    }
    .form-cta a.btn {
        background-color: #ff6b8c!important;
    border-color: #ff6b8c!important;
        margin: 0 auto;
    }
    input.form-checkbox{
        background-color: #ff6b8c!important;
    border-color: #ff6b8c!important;
    }
    input.form-checkbox:before{
            background: #ff6b8c !important;
    }

    .custom-checkbox input:checked + .checkmark {
  background-color: #ff6b8c; /* Cambia el color de fondo cuando está chequeado */
}



/* Estilos para monitores grandes (pantallas anchas) */
@media (min-width: 2560) {
    /* Aplica tus estilos aquí */
    /*.banner-nosotros {
        height: 700px;
    }*/
}

@media (min-width: 1440px) {
    /* Aplica tus estilos aquí */
    /*.banner-nosotros {
        height: 405px;
    }*/
}
@media (min-width: 1200px) {
    /* Aplica tus estilos aquí min-width: 1200px se refiere a pantallas de escritorio grandes, como monitores de 24 pulgadas o superiores. */
    .banner-nosotros {
        height: 470px;
    }
    .wrapper-inner-banner img {
    width: 100%;
    height: 100%;
    object-fit: none;
    position: relative;
        background-color: #feb2c3;
    }
}



/* Estilos para monitores medianos (laptops y tablets grandes) */
@media (min-width: 768px) and (max-width: 1199px) {
    .banner-nosotros {
        height: 452px;
    }
}

/* Estilos para dispositivos móviles (smartphones y tablets pequeñas) */
@media (max-width: 767px) {
    /* Aplica tus estilos aquí */
    /*.banner-nosotros {
        height: auto;
    }*/
    .modal-content {
        height: 550px;
    }
    .imagencorazon{
        width: 100%; padding: 40px;
    }
    .modal-content {

        top: 10%;
    }
    .modal{
        top: 0;
    }
}

p{
  text-align: center;  
}

.info-box {
  /*background-color: #ff6b8c; /* Rosa suave */
  padding: 20px;
  border-radius: 15px; /* Bordes curvos */
  max-width: 100%; /* Opcional, para limitar ancho */
  margin: 20px auto; /* Centrar en la página */
  /*box-shadow: 0 4px 10px rgba(0,0,0,0.1); /* Sombra ligera */
}

.info-box p {
  text-align: center;
  font-size: 16px;
  line-height: 1.6;
  /*color: #fff;*/
}


.partners-box {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 40px; /* Espacio entre logos */
  background: #fff; /* Fondo blanco */
  padding: 20px 40px;
  border-radius: 20px; /* Bordes redondeados */
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); /* Sombra suave */
  max-width: 900px;
  margin: 30px auto; /* Centrado */
  flex-wrap: wrap; /* Para que se acomoden en móvil */
}

.partner-card img {
  max-height: 60px; /* Tamaño uniforme */
  width: auto;
  object-fit: contain;
}

/* Ajuste en pantallas pequeñas */
@media (max-width: 768px) {
  .partners-box {
    gap: 20px;
    padding: 15px 25px;
  }

  .partner-card img {
    max-height: 45px;
  }
}