/* ACERCA DE NOSOTROS */
#header_banner {
    background: url(https://staging-na01-difarma.demandware.net/on/demandware.static/-/Sites-FybecaEcuador-Library/default/dwb6d48428/images/other-pages/placeholder-large-breakpoint.jpg);
    background-position: center;
    background-size: cover;
}

#header_banner .transparencia {
    background: rgba(250, 250, 250, .7);
}

.title-adn {
    font-family: Ubuntu Bold, Arial, sans-serif;
    border-bottom: 1px solid #263A5A;
}

.title-adn h3 {
    font-family: Ubuntu, Arial, sans-serif;
    font-size: 1.3rem;
}

#menu_desktop {
    background: #fff;
    padding: 2rem;
}

.menuNosotros .list-group-item {
    font-family: Ubuntu Medium, Arial, sans-serif;
    text-align: center;
    margin-bottom: 10px;
    border: 1px solid #203A5D;
    background-color: #203A5D;
    border-radius: 8px;
    padding: 1.1rem 1rem;
    color: #ffffff;
}

.menuNosotros .list-group-item-action:hover {
    z-index: 1;
    color: #203A5D;
    text-decoration: none;
    background-color: #f8f9fa;
}

.menuNosotros .list-group-item.active {
    background-color: #FF8700;
    border: 1px solid #FF8700;
}

.menuNosotros .list-group-item:first-child {
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
}

.menuNosotros .list-group-item:last-child {
    margin-bottom: 0px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
}

#menu_desktop .list-group-item+.list-group-item,
#seleccion .list-group-item+.list-group-item {
    border-top-width: 1px;
}

#menu_seleccion .card,
#acerca_de_nosotros .card,
#politicas_privacidad .card,
#preguntas_frecuentes .card {
    border-radius: 0px;
}

#encabezado.card-header {
    background-color: #ffffff;
    border-bottom: 0px;
}

.titleNav {
    transition: transform .2s ease-in-out;
}

.content-checkmark {
    font-size: 1rem;
    transform: rotate(-180deg);
    color: #FF8700;
}

.collapsed .content-checkmark {
    transform: rotate(0deg);
}

.collapsed.titleNav {
    border-bottom: 0px;
}

.content_video {
    max-width: 800px;
    width: 85%;
    margin: 0 auto;
}

.content_video iframe {
    width: 100%;
}

.ico_prod_our {
    margin: 0 auto 15px;
    width: 80%;
    max-width: 80px;
    display: block;
}

.titProdOur {
    font-family: Ubuntu Bold, Arial, sans-serif;
    border-bottom: 1px solid #C6C6C6;
    text-align: center;
    margin: 0 auto 20px;
    width: 150px;
}

.btn-link-nosotros {
    background: #e40520;
    margin: 0 auto;
    display: block;
    max-width: 80%;
    color: #fff;
    font-size: .8rem;
}

.titleAsk {
    background: #fff;
    border: 2px solid #707070;
    border-radius: 5px;
}

#preguntas_frecuentes .titleAsk {
    background: rgba(136, 143, 164, 0.13);
    border: 2px solid rgba(136, 143, 164, 0.13);
}

.titleAsk .content-collapse-title {
    font-family: Ubuntu Bold, Arial, sans-serif;
    font-size: 1rem;
    color: #203A5D;
}

.link-default {
    color: #FF8700;
    text-decoration: none;
}

.year-timelapse {
    width: 80px;
}

.img-fyb-tempo {
    width: 90%;
    margin: 0 auto;
    display: block;
}

.cuadro-timelapse {
    border: 2px solid #203A5D;
    padding: 1rem .5rem;
    border-radius: 8px;
}

.fatherComunidad {
    border-bottom: 2px dotted #B7B7B7;
    margin-bottom: 2rem;
}

.subtComunidad {
    display: block;
    position: relative;
    text-align: center;
    width: max-content;
    margin: 0 auto;
    color: #FF8700;
    font-family: Ubuntu Medium, Arial, sans-serif;
    font-size: 1.3rem;
    padding: 5px 0;
}

.subtComunidad::before {
    content: "";
    position: absolute;
    background: #203A5D;
    display: block;
    width: .35rem;
    height: .35rem;
    bottom: 0;
    line-height: 0;
    color: transparent;
    top: 0;
    margin: auto;
    left: -20px;
    border-radius: .35rem;
    outline: none;
}

.subtComunidad::after {
    content: "";
    position: absolute;
    background: #203A5D;
    display: block;
    width: .35rem;
    height: .35rem;
    bottom: 0;
    line-height: 0;
    color: transparent;
    top: 0;
    margin: auto;
    right: -20px;
    border-radius: .35rem;
    outline: none;
}

.logoComunidad {
    width: 70%;
    max-width: 90px;
    margin: 0 auto;
    display: block;
    margin-bottom: 10px;
}

.bloque-premios {
    max-width: 490px;
    margin: 0 auto;
}

.cuadro-premio {
    background: #F5F5F5;
    padding: 5px;
}

.cuadro-premio .year-premio {
    color: #FF8700;
    font-family: Ubuntu Bold, Arial, sans-serif;
    text-align: center;
    font-size: 2.85rem;
    margin: 0px;
}

.cuadro-premio p {
    font-size: .9rem;
    color: #203A5D;
}

.cuadro-premio .puesto-premio {
    color: #203A5D;
    font-family: Ubuntu Bold, Arial, sans-serif;
    text-align: center;
    margin: 0px;
}

@media (max-width:990px) {
    #header_banner {
        background: url(https://staging-na01-difarma.demandware.net/on/demandware.static/-/Sites-FybecaEcuador-Library/default/dwb6d48428/images/other-pages/placeholder-large-breakpoint.jpg);
        background-position: center;
        background-size: cover;
    }

    .img-fyb-tempo {
        width: 85%;
        max-width: 400px;
    }
}

@media (min-width:544px) and (max-width:990px) {
    .year-timelapse {
        width: 70%;
    }
}

@media (max-width:543px) {
    .year-timelapse {
        width: 76%;
    }

    .bloque-premios {
        max-width: 390px;
        width: 85%;
        margin: 0 auto;
    }

    .cuadro-premio {
        height: 100%;
    }

    .cuadro-premio .year-premio {
        font-size: 2.3rem;
    }

    .cuadro-premio p {
        font-size: .8rem
    }

    .cuadro-premio .puesto-premio {
        font-size: 1.2rem;
    }
}

/*ESPACIO IMAGEN RIBBON*/
.product-badges {
    gap: 20px;
}

/* CAMBIO ESPACIO HERO CARRUSEL*/
.homepage-hero-carousel img {
    width: 100%;
    margin-top: 30px;
}

@media (max-width:990px) {
    .homepage-hero-carousel img {
        width: 100%;
        margin-top: 64px;
    }
}

/*CAMBIO TEXTO EDAD*/
div#form-birth-error {
    visibility: hidden;
}

div#form-birth-error:before {
    font-size: 11px;
    content: "Debes tener al menos 18 años para crear tu cuenta.";
    visibility: visible;
}

.city-sector-reminder-modal {
    display: none;
}

/* POPUP-ACUCHECK */
.show .modal-dialog.choose-bonus-product-dialog {
    max-width: 900px;
    overflow-y: visible;
    margin-top: auto;
}

.show .modal-dialog.choose-bonus-product-dialog .modal-header .close span {
    font-size: 2rem;
}

.modal-header {
    border-radius: 0;
    min-height: 0px;
}

.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: 0.1rem;
}

.show .modal-dialog.choose-bonus-product-dialog .bonus-products-btns {
    padding: .1rem;
}

/* TEXTO PRECIO EINSTEIN*/
.tile-body .price-original,
.tile-body .sales {
    font-size: .75rem;
}

.tile-body .large-price .value {
    font-size: 1.5rem;
}


/*HOME POP UP*/

.overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 1000;
}

.overlay.active {
    display: flex;
    justify-content: center;
    align-items: center;
}

.popup {
    background-color: white;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

/* PUM */
.product-detail .pum {
    background-color: #ff87005c;
    border-radius: 10px;
    border-style: dotted;
    border-width: 1px;
    border-color: #000000;
}

.product-pum {
    color: #2c3e50 !important;
    font-weight: 600;
    position: absolute !important; /* Restauramos para no encoger la foto */
    bottom: 0 !important; /* Lo ancla a la base del contenedor de la imagen */
    left: 0 !important;
    width: 100% !important; /* Fuerza a que ocupe todo el ancho */
    background-color: rgba(255, 255, 255, 0.9) !important; /* Fondo blanco semitransparente para legibilidad */
    padding: 6px !important;
    text-align: center;
    margin: 0 !important; /* Anula los márgenes mx-3 mb-2 nativos */
    z-index: 2;
}

/* AJUSTE BREADCRUMB - FYBECA */
.breadcrumb {
    margin-top: 30px !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    position: static;
    z-index: auto;
}

/* FOOTER */
.footer .footer-links-title a {
    font-family: Ubuntu Bold, Arial, sans-serif;
}

.footer .footer-links-list .logo_app {
    width: 188px;
}

@media (max-width:990px) {
    .footer .footer-links-list .logo_app {
        width: 100%;
        max-width: 250px;
    }
}


/* COBERTURA */
.img-mapa-sector {
    max-width: 400px;
    width: 85%;
    margin: 0 auto;
    display: block;
    margin-bottom: 1rem;
}

.pills-cobertura {
    max-width: 90%;
    margin: 0 auto;
}

.pills-cobertura .nav-item {
    background: unset;
    margin: 7px 0.75rem;
    position: relative;
}

.pills-cobertura .nav-item:last-child {
    padding-bottom: 0px;
}

.pills-cobertura .nav-item .nav-link {
    padding: 5px 30px 5px 15px;
    background: #fff;
    border: 1px solid #203A5D;
    border-radius: 5px;
    color: #203A5D;
    text-transform: capitalize;
    font-family: Ubuntu Bold, Arial, sans-serif;
}

.pills-cobertura .nav-item .nav-link:after {
    content: "\F078";
    font: normal normal normal 14px/1 FontAwesome;
    right: 10px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 14px;
    transition: transform .2s ease-in-out;
    transform: rotate(0deg);
}

.pills-cobertura .nav-item .nav-link.active {
    color: #FFF;
    background: #FF8700;
}

.pills-cobertura .nav-item .nav-link.active:after {
    transform: rotate(-180deg);
}

.barrios {
    max-width: 500px;
    margin: 0 auto;
    width: 90%;
}

.barrios .row:nth-of-type(2n) {
    background: #F5F5F5;
}

.barrios .row:nth-of-type(2n+1) {
    background: #FFFFFF;
}

@media (max-width:990px) {
    .barrios {
        max-width: 600px;
        margin: 0 auto;
        width: 90%;
    }
}


/* DEFAULT */
.ico-redirect {
    opacity: .6;
    width: 20px;
}

a:hover>.ico-redirect {
    opacity: 1;
}

.titulo-pagina {
    min-height: 300px;
}

.background-orange {
    background: #FF8700;
}

.body-text {
    background-color: #f5f5f5;
    width: 100%;
}

.text-blue {
    color: #203A5D;
}

.text-orange {
    color: #FF8700;
}

.titulo-pagina .page-topbanner-title {
    left: unset;
    top: unset;
    transform: unset;
    width: unset;
}

.titulo-pagina .subtitulo {
    font-family: Ubuntu Light Italic;
}


/* TERMINOS Y CONDICIONES */
.img-vitalcard-fybeca {
    width: 85%;
    max-width: 500px;
    margin: 0 auto;
    display: block;
}

.titleTerm {
    background: #ffffff;
    border: 2px solid #888FA4;
    border-radius: 5px;
}

#terminos_condiciones .titleTerm {
    background: #ffffff;
    border: 2px solid #888FA4;
}

.titleTerm .content-collapse-title {
    font-family: Ubuntu Bold, Arial, sans-serif;
    font-size: 1rem;
    color: #203A5D;
}

.term_conditions .card {
    border-radius: 0px;
}

/* PLAN DE MEDICACIÓN CONTINUA */
.btn-afeccion {
    border-radius: 5px;
    padding: 7px 10px;
    background: #FF8700 !important;
    color: #FFF !important;
    width: 100%;
    border: 1px solid #FF8700 !important;
}

.collapsed.btn-afeccion {
    background: #fff !important;
    border: 1px solid #FF8700 !important;
    color: #203A5D !important;
    border-radius: 5px;
    padding: 7px 10px;
}

.afecciones .card {
    padding: 5px 10px;
}

.afecciones p:nth-of-type(2n) {
    background-color: #ffffff;
}

.afecciones p:nth-of-type(2n+1) {
    background-color: #f5f5f5;
}

.content-chevron {
    font-size: 1rem;
    transform: rotate(-180deg);
    color: #FFF;
    transition: transform .2s ease-in-out;
    padding: 0 0 3px;
}

.collapsed .content-chevron {
    transform: rotate(0deg);
    color: #FF8700;
}

@media (min-width:544px) and (max-width:990px) {
    .btn-afeccion {
        font-size: .9rem;
    }

    .afecciones .card {
        font-size: .8rem;
    }
}

@media (max-width:543px) {
    .btn-afeccion {
        font-size: .8rem;
    }

    .afecciones .card {
        font-size: .7rem;
    }
}

/* RED VITALCARD*/
.bloque-tabla {
    background: #fff;
    padding: 2px !important;
}

.bloque-tabla:nth-of-type(2n+1) .cabecera-bloque {
    background-color: #0B6040;
    color: #fff;
    text-align: center;
    padding: 15px 5px;
    border-radius: 6px;
}

.bloque-tabla:nth-of-type(2n) .cabecera-bloque {
    background-color: #2558A4;
    color: #fff;
    text-align: center;
    padding: 15px 5px;
    border-radius: 6px;
}

.bloque-tabla:nth-of-type(2n+1) .content-bloque {
    background-color: rgba(29, 162, 115, .58);
    color: #fff;
    padding: 10px 5px;
    height: 100%;
}

.bloque-tabla:nth-of-type(2n) .content-bloque {
    background-color: rgba(21, 99, 163, .58);
    color: #fff;
    padding: 10px 5px;
    height: 100%;
}

@media (max-width:990px) {
    .linea-tabla {
        margin: 4px 0;
    }

    .linea-tabla:nth-of-type(2n+1) {
        background-color: rgba(29, 162, 115, .58);
    }

    .linea-tabla:nth-of-type(2n) {
        background-color: rgba(21, 99, 163, .58);
    }

    .linea-tabla:nth-of-type(2n+1) .bloque-tabla .titleBenefits {
        color: #0B6040;
    }

    .linea-tabla:nth-of-type(2n) .bloque-tabla .titleBenefits {
        color: #2558A4;
    }

    .bloque-tabla {
        background: transparent;
    }

    .bloque-tabla:nth-of-type(2n+1) .cabecera-bloque {
        background-color: transparent;
    }

    .bloque-tabla:nth-of-type(2n) .cabecera-bloque {
        background-color: transparent;
    }

    .bloque-tabla:nth-of-type(2n+1) .content-bloque {
        background-color: transparent;
    }

    .bloque-tabla:nth-of-type(2n) .content-bloque {
        background-color: transparent;
    }
}