#seccionHeader {
    background-color: #EC0000;
    margin-top: 60px;
}


#seccionHeader.div-content .header .div-text {
    max-width: 613px;
}

#seccionHeader .row.header {
    height: 584px;
}

#seccionHeader.div-content .header h1 {
    color: #fff;
    font-size: 46px;
}

#seccionHeader.div-content .header p {
    color: #fff;
    margin-top: 16px;
    font-family: 'Santander Text';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 150%;
}

#seccionHeader.div-content .side-image {
    padding-top: 80px;
}

#seccionHeader.div-content .img-header-desktop {
    width: 100%;
    max-width: 570px;
}

#seccionHeader .btn-contrata-ahora {
    width: 209px;
    height: 56px;
    background: #FFFFFF;
    border: 1px solid #EC0000;
    border-radius: 44px;
    font-family: 'Santander Text';
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 150%;
    text-align: center;
    color: #EC0000;
    margin-top: 32px;
}

#promociones {
    padding-top: 144px;
}

#promociones .row-beneficios {
    margin-bottom: 120px;
}

#promociones .row-beneficios.row-farmacias {
    margin-bottom: 43px;
}

#promociones .row-beneficios .card {
    max-width: 392px;
    height: 320px;
    margin-left: auto;
    margin-right: auto;
    border: 0;
    background: #FFFFFF;
    box-shadow: 0px 32px 32px -4px rgba(0, 0, 0, 0.12);
    border-radius: 8px;
}

#promociones .image-shadow {
    margin-top: 32px;
    width: 100%;
    max-width: 442px;
}


#promociones h3 {
    font-family: 'Santander Headline';
    font-style: normal;
    font-weight: 700;
    font-size: 40px;
    line-height: 125%;
    color: #EC0000;
}

#promociones h4 {
    font-family: 'Santander Headline';
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 125%;
    color: #404040;
    margin-bottom: 34px !important;
}

#promociones p.porcentaje {
    font-family: 'Santander Headline';
    font-style: normal;
    font-weight: 700;
    font-size: 64px;
    line-height: 100%;
    text-align: center;
    color: #404040;
    margin-bottom: 0px;
}

#promociones p.descripcion {
    font-family: 'Santander Text';
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 125%;
    text-align: center;
    color: #404040;
    margin-bottom: 0px;
}

.section-generico {
    padding-top: 128px;
}

.logos-gasolineras {
    max-width: 410px;
    width: 100%;
}

#promociones .container-title {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    column-gap: 20px;
}

#promociones .contenedor-texto .icon {
    width: 56px;
    height: 56px;
}

#promociones .contenedor-texto .subtitle-promocion {
    font-family: 'Santander Text';
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 125%;
    color: #404040;
    margin-top: 12px;
    margin-bottom: 0px;
}

#promociones .contenedor-texto .container-porcentajes {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 32px;
    column-gap: 40px;
}

#promociones .contenedor-texto .padding-container-porcentajes {
    padding: 32px 0px;
}

#promociones .container-porcentajes .porcentajes {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px 28px;
    gap: 8px;
    width: 250px;
    height: auto;
    background: #FFFFFF;
    box-shadow: 0px 4px 6px rgba(153, 153, 153, 0.3);
    border-radius: 44px;
}

#promociones .container-porcentajes p.porcentaje {
    color: #EC0000;
}

/********************************/
/*             hr               */
/********************************/
hr.fancy-line {
    border: 0;
    height: 2px;
    position: relative;
    /*margin-top: 96px;
    margin-bottom: 128px;*/
    margin: 96px 0px;
}

hr.fancy-line:before,
hr.fancy-line:after {
    content: '';
    position: absolute;
    width: 100%;
}

hr.fancy-line,
hr.fancy-line:before {
    background: -moz-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 75%);
    background: -webkit-gradient(radial, center center, 0px, center center, 75%, color-stop(0%, rgba(0, 0, 0, 1)), color-stop(75%, rgba(0, 0, 0, 0)));
    background: -webkit-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 75%);
    background: -o-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 75%);
    background: -ms-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 75%);
    background: radial-gradient(ellipse at center, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 75%);
}

.container-logos-gasolineras {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 5px 15px;
    max-width: 450px;
    width: 100%;
}

.img-logos {
    margin-top: 48px;
}

.container-logos-entretenimientos {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 5px 15px;
    margin-top: 48px;
    max-width: 1152px;
    width: 100%;
}

.container-logos-restaurantes {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 5px 15px;
    margin-top: 48px;
    max-width: 983px;
    width: 100%;
}

.container-logos-farmacias {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 5px 15px;
    margin-top: 48px;
    max-width: 864px;
    width: 100%;
}

@media (min-width: 1200px) {
    /*************************/
    /*      GASOLINERAS      */
    /*************************/
    .repsol {
        max-width: 175px;
        width: 100%;
    }

    .hidrosina {
        max-width: 210px;
        width: 100%;
    }

    .naturgy {
        max-width: 219.22px;
        width: 100%;
    }

    .bp {
        max-width: 205.04px;
        width: 100%;
    }
    /*************************/
    /*   ENTRETENIMIENTO     */
    /*************************/
    .acuario-del-bajio {
        max-width: 107.88px;
        height: auto;
        width: 100%;
    }
    
    .africam-safari {
        max-width: 129.43px;
        height: auto;
        width: 100%;
    }
    
    .alboa {
        max-width: 173.8px;
        height: auto;
        width: 100%;
    }
    
    .arena {
        max-width: 118.15px;
        height: auto;
        width: 100%;
    }
    
    .arena_the_place_to_place {
        max-width: 106px;
        height: auto;
        width: 100%;
    }
    
    .boletia {
        max-width: 187.5px;
        height: auto;
        width: 100%;
    }
    
    .el-rollo {
        max-width: 122.43px;
        width: 100%;
        height: auto;
    }
    
    .kataplum {
        max-width: 201.2px;
        height: auto;
        width: 100%;
    }
    
    .kinezis {
        max-width: 178.94px;
        height: auto;
        width: 100%;
    }
    
    .museo-anahuacalli {
        max-width: 124.14px;
        height: auto;
        width: 100%;
    }
    
    .museo-frida-kahlo {
        max-width: 90.75px;
        height: auto;
        width: 100%;
    }
    
    .recorcholis {
        max-width: 198.63px;
        height: auto;
        width: 100%;
    }
    
    .upa-recorcholis {
        max-width: 171.23px;
        height: auto;
        width: 100%;
    }
    
    .xelha {
        max-width: 130.26px;
        height: auto;
        width: 100%;
    }
    
    .xoaret {
        max-width: 110.26px;
        height: auto;
        width: 100%;
    }

    /*************************/
    /*     RESTAURANTES      */
    /*************************/

    .chilis {
        max-width: 142.39px;
        height: auto;
        width: 100%;
    }

    .dominos {
        max-width: 234px;
        height: auto;
        width: 100%;
    }

    .fishers {
        max-width: 156.16px;
        height: auto;
        width: 100%;
    }

    .italiannis {
        max-width: 189.21px;
        height: auto;
        width: 100%;
    }

    .kfc {
        max-width: 118.61px;
        height: auto;
        width: 100%;
    }

    .pf-changs {
        max-width: 197.84px;
        height: auto;
        width: 100%;
    }

    .starbucks {
        max-width: 235px;
        height: auto;
        width: 100%;
    }

    .cheesecake-factory {
        max-width: 191px;
        height: auto;
        width: 100%;
    }

    .vips {
        max-width: 125px;
        height: auto;
        width: 100%;
    }

    .la-parroquia {
        max-width: 169px;
        height: auto;
        width: 100%;
    }

    /*************************/
    /*     FARMACIAS         */
    /*************************/
    .farmacias-bazar {
        max-width: 181.34px;
        height: auto;
        width: 100%;
    }

    .farmacias-benavides {
        max-width: 240.05px;
        height: auto;
        width: 100%;
    }

    .farmacias-del-ahorro {
        max-width: 190.47px;
        height: auto;
        width: 100%;
    }

    .farmacias-gi {
        max-width: 189.82px;
        height: auto;
        width: 100%;
    }

    .farmacias-paris {
        max-width: 128.5px;
        height: auto;
        width: 100%;
    }

    .farmacias-guadalajara {
        max-width: 130px;
        height: auto;
        width: 100%;
    }

    .medicine-depot {
        max-width: 238.09px;
        height: auto;
        width: 100%;
    }

    .medina {
        max-width: 154.6px;
        height: auto;
        width: 100%;
    }

    .farmacias-yza {
        max-width: 180.04px;
        height: auto;
        width: 100%;
    }

}

@media (max-width: 1199px) {
    
    /*************************/
    /*   ENTRETENIMIENTO     */
    /*************************/
    .acuario-del-bajio {
        max-width: 82px;
        height: auto;
        width: 100%;
    }

    .africam-safari {
        max-width: 100px;
        height: auto;
        width: 100%;
    }

    .alboa {
        max-width: 111px;
        height: auto;
        width: 100%;
    }

    .arena {
        max-width: 76px;
        height: auto;
        width: 100%;
    }

    .arena_the_place_to_place {
        max-width: 106px;
        height: auto;
        width: 100%;
    }

    .boletia {
        max-width: 120px;
        height: auto;
        width: 100%;
    }

    .el-rollo {
        max-width: 58px;
        width: 100%;
        height: auto;
    }

    .kataplum {
        max-width: 130px;
        height: auto;
        width: 100%;
    }

    .kinezis {
        max-width: 137px;
        height: auto;
        width: 100%;
    }

    .museo-anahuacalli {
        max-width: 105px;
        height: auto;
        width: 100%;
    }

    .museo-frida-kahlo {
        max-width: 73px;
        height: auto;
        width: 100%;
    }

    .recorcholis {
        max-width: 137px;
        height: auto;
        width: 100%;
    }

    .upa-recorcholis {
        max-width: 107px;
        height: auto;
        width: 100%;
    }

    .xelha {
        max-width: 110.26px;
        height: auto;
        width: 100%;
    }

    .xoaret {
        max-width: 130.26px;
        height: auto;
        width: 100%;
        margin-top: 12px;
    }

    /*************************/
    /*     RESTAURANTES      */
    /*************************/

    .chilis {
        max-width: 95px;
        height: auto;
        width: 100%;
    }

    .dominos {
        max-width: 156px;
        height: auto;
        width: 100%;
    }

    .fishers {
        max-width: 126px;
        height: auto;
        width: 100%;
    }

    .italiannis {
        max-width: 153px;
        height: auto;
        width: 100%;
    }

    .kfc {
        max-width: 90px;
        height: auto;
        width: 100%;
    }

    .pf-changs {
        max-width: 147px;
        height: auto;
        width: 100%;
    }

    .starbucks {
        max-width: 132px;
        height: auto;
        width: 100%;
    }

    .cheesecake-factory {
        max-width: 150px;
        height: auto;
        width: 100%;
    }

    .vips {
        max-width: 99px;
        height: auto;
        width: 100%;
    }

    .la-parroquia {
        max-width: 134px;
        height: auto;
        width: 100%;
    }

    /*************************/
    /*     FARMACIAS         */
    /*************************/
    .farmacias-bazar {
        max-width: 124px;
        height: auto;
        width: 100%;
    }

    .farmacias-benavides {
        max-width: 150px;
        height: auto;
        width: 100%;
    }

    .farmacias-del-ahorro {
        max-width: 152px;
        height: auto;
        width: 100%;
    }

    .farmacias-gi {
        max-width: 147px;
        height: auto;
        width: 100%;
    }

    .farmacias-paris {
        max-width: 99px;
        height: auto;
        width: 100%;
    }

    .farmacias-guadalajara {
        max-width: 130px;
        height: auto;
        width: 100%;
    }

    .medicine-depot {
        max-width: 157px;
        height: auto;
        width: 100%;
    }

    .medina {
        max-width: 102px;
        height: auto;
        width: 100%;
    }

    .farmacias-yza {
        max-width: 180.04px;
        height: auto;
        width: 100%;
    }

}
@media (min-width: 992px) and (max-width: 1199px) {
    #promociones h3 {
        font-size: 38px;
    }

    #promociones p.porcentaje {
        font-size: 54px;
    }

    #promociones p.descripcion {
        font-size: 18px;
    }

    #promociones .container-title {
        column-gap: 10px;
    }

    /*************************/
    /*      GASOLINERAS      */
    /*************************/
    .repsol {
        max-width: 168px;
        width: 100%;
    }

    .hidrosina {
        max-width: 190px;
        width: 100%;
    }

    .naturgy {
        max-width: 148px;
        width: 100%;
    }

    .bp {
        max-width: 168px;
        width: 100%;
    }
}

@media (max-width: 991px) {
    #seccionHeader {
        margin-top: 0px;
    }

    #seccionHeader .row.header {
        height: 450px;
    }

    .landing-page {
        padding: 0;
    }

    .landing-page .col-12 {
        padding-right: 15px;
        padding-left: 15px
    }

    .div-content .header h1 {
        text-align: left;
    }

    #seccionHeader,
    #promociones,
    #donde-aplica .contenedor,
    #preguntas-frecuentes {
        padding-left: 24px;
        padding-right: 24px;
    }

    .section-generico {
        padding-top: 96px;
    }

    #promociones h3 {
        font-size: 34px;
    }

    #promociones p.porcentaje {
        font-size: 48px;
    }

    #promociones p.descripcion {
        font-size: 18px;
    }

    #promociones .container-title {
        column-gap: 12px;
    }

    #promociones .contenedor-texto .icon {
        width: 40px;
        height: 40px;
    }

    #promociones .contenedor-texto .subtitle-promocion {
        font-size: 20px;
    }

    #promociones .contenedor-texto .container-porcentajes {
        column-gap: 32px;
    }

    #promociones .container-porcentajes .porcentajes {
        padding: 15px;
    }

    /*************************/
    /*      GASOLINERAS      */
    /*************************/
    .repsol {
        max-width: 118px;
        width: 100%;
    }

    .hidrosina {
        max-width: 159px;
        width: 100%;
    }

    .naturgy {
        max-width: 148px;
        width: 100%;
    }

    .bp {
        max-width: 138px;
        width: 100%;
    }
}

@media(max-width: 767px) {
    #seccionHeader {
        margin-top: 60px;
    }

    .div-content .header h1 {
        text-align: center;
    }

    #promociones .contenedor-texto {
        margin-top: 0px;
    }

    #seccionHeader.div-content .side-image {
        padding-top: 0px;
    }

    #seccionHeader .row.header {
        height: auto;
    }

    #promociones {
        padding-top: 96px;
    }

    #promociones .row-beneficios {
        margin-bottom: 104px;
    }

    #promociones .row-beneficios .card {
        max-width: 290px;
    }

    #promociones .row-beneficios .card .repsol {
        width: 100%;
        max-width: 103px;
    }

    #promociones .row-beneficios .card .hidrosina {
        width: 100%;
        max-width: 145px;
    }

    #promociones .row-beneficios .card .xcaret {
        width: 100%;
        max-width: 165px;
        margin-bottom: 12px;
    }

    #promociones .row-beneficios .card .xelha {
        width: 100%;
        max-width: 152px;
    }

    #promociones .row-beneficios .card .fishers {
        width: 100%;
        max-width: 124px;
    }

    #promociones .row-beneficios .card .kfc {
        width: 100%;
        max-width: 76px;
        margin-bottom: 17px;
    }

    #promociones .row-beneficios .card .sanborns {
        width: 100%;
        max-width: 131px;
    }

    #promociones .row-beneficios .card .ahorro {
        width: 100%;
        max-width: 147px;
    }

    #seccionHeader {
        padding-bottom: 60px;
    }

    #promociones h3 {
        font-family: 'Santander Headline';
        font-style: normal;
        font-weight: 700;
        font-size: 30px;
        line-height: 125%;
        text-align: center;
        color: #EC0000;
    }

    #promociones h4 {
        font-family: 'Santander Headline';
        font-style: normal;
        font-weight: 700;
        font-size: 22px;
        line-height: 125%;
        text-align: center;
        color: #404040;
        max-width: 327px;
        margin-top: 16px;
        margin-bottom: 8px;
        margin-left: auto;
        margin-right: auto;
    }

    #promociones .image-shadow {
        margin-top: 24px;
        max-height: 64px;
    }

    #promociones p.porcentaje {
        font-family: 'Santander Headline';
        font-family: 'Santander Headline';
        font-style: normal;
        font-weight: 700;
        font-size: 44px;
        line-height: 100%;
        text-align: center;
        color: #EC0000;
    }

    #promociones p.descripcion {
        font-family: 'Santander Text';
        font-style: normal;
        font-weight: 700;
        font-size: 18px;
        line-height: 125%;
        text-align: center;
        color: #404040;
    }

    .div-tyc .collapse-ver-mas {
        margin-top: 0 !important;
    }

    #promociones .container-title {
        flex-direction: column;
        row-gap: 8px;
    }

    #promociones .contenedor-texto .subtitle-promocion {
        font-family: 'Santander Headline';
        font-style: normal;
        font-weight: 400;
        font-size: 22px;
        line-height: 125%;
        text-align: center;
        color: #404040;
        margin-top: 24px;
    }

    #promociones .contenedor-texto .container-porcentajes {
        column-gap: 15px;
        justify-content: center;
    }

    #promociones .container-porcentajes .porcentajes {
        background: #FFFFFF;
        box-shadow: 0px 4px 6px rgba(153, 153, 153, 0.3);
        border-radius: 16px;
        padding: 16px;
    }

    #promociones .contenedor-texto .container-porcentajes {
        margin-top: 24px;
    }

    #promociones .contenedor-texto .padding-container-porcentajes {
        padding-top: 24px;
        padding-bottom: 0px;
    }

    hr.fancy-line, hr.fancy-line:before {
        background: transparent;
    }

    #promociones .ver-establecimientos {
        font-family: 'Santander Text';
        font-style: normal;
        font-weight: 700;
        font-size: 16px;
        line-height: 150%;
        text-align: center;
        color: #EC0000;
        margin-top: 32px;
    }

    hr.fancy-line {
        margin: 48px 0px;
    }


    /**************************************/
    /* CLASES MODALES COMERCIOS           */
    /**************************************/
    .modal .btn-cerrar {
        border: 0;
        background: transparent;
        padding: 0px;
        margin-right: 0px;
        margin-left: auto;
    }

    .modal .btn-cerrar img {
        width: 40px;
        height: 40px;
    }

    .modal-header {
        padding: 16px;
        background: transparent;
        box-shadow: none;
        border: 0px;
    }

    .modal-content {
        background: #FFFFFF !important;
    }

    .modal .container-title img {
        width: 32px;
        height: 32px;
    }

    .modal .container-title h3 {
        font-size: 22px !important;
    }

    #modal-logos-gasolineras .modal-dialog {
        height: 590px;
    }

    .modal .modal-dialog {
        max-width: 375px;
        height: auto;
        padding: 12px 16px;
        margin: 0px auto;
    }

    .modal .modal-content {
        height: 100%;
    }

    .modal .modal-body {
        padding: 12px 0px;
    }

    #modal-logos-gasolineras .container-logos {
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
        column-gap: 16px;
        margin-top: 16px;
    }

    #modal-logos-gasolineras .container-logos > img {
        width: fit-content;
    }

    #modal-logos-entretenimiento .container-logos,
    #modal-logos-farmacias .container-logos {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        row-gap: 0px;
        margin-top: 16px;
    }

    #modal-logos-farmacias .container-logos {
        row-gap: 16px;
    }

    #modal-logos-restaurantes .container-logos {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        row-gap: 0px;
        margin-top: 16px;
        row-gap: 24px;
    }

    #modal-logos-entretenimiento .container-logos > div,
    #modal-logos-farmacias .container-logos > div {
        width: 50%;
        display: flex;
        justify-content: center;
    }

    #modal-logos-restaurantes .container-logos > div {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }


    #modal-logos-restaurantes .container-logos div:nth-child(1) {
        column-gap: 19px;
    }

    #modal-logos-restaurantes .container-logos div:nth-child(2) {
        column-gap: 24px;
    }

    #modal-logos-restaurantes .container-logos div:nth-child(3) {
        column-gap: 35px;
    }

    #modal-logos-restaurantes .container-logos div:nth-child(4) {
        column-gap: 11px;
    }

    #modal-logos-restaurantes .container-logos div:nth-child(5) {
        column-gap: 28px;
    }

    /*#modal-logos-farmacias .container-logos div:nth-child(7) {
        width: 55%;
    }

    #modal-logos-farmacias .container-logos div:nth-child(8) {
        width: 45%;
    }

    #modal-logos-farmacias .container-logos div:nth-child(9) {
        width: 60%;
    }*/
}


@media(max-width:576px) {
    .image-shadow {
        width: 100%;
        max-width: 442px;
    }

    .div-text-header {
        margin-top: 0;
    }

    #seccionHeader .img-header-desktop {
        margin-right: 0;
        width: calc(100% + 48px) !important;
        margin-left: -24px;
    }

    .div-tyc .card-body span, .div-tyc .card-body p, .div-tyc .card-body ul li {
        font-size: 14px !important;
    }
}

@media(max-width:575px) {
    #promociones p.descripcion {
        font-size: 16px;
    }
}

@media(max-width:374px) {
    #promociones p.descripcion {
        font-size: 14px;
    }

    /*************************/
    /*     RESTAURANTES      */
    /*************************/

    .chilis {
        max-width: 95px;
        height: auto;
        width: 100%;
    }

    .dominos {
        max-width: 130px;
        height: auto;
        width: 100%;
    }

    .fishers {
        max-width: 110px;
        height: auto;
        width: 100%;
    }

    .italiannis {
        max-width: 115px;
        height: auto;
        width: 100%;
    }

    .kfc {
        max-width: 90px;
        height: auto;
        width: 100%;
    }

    .pf-changs {
        max-width: 127px;
        height: auto;
        width: 100%;
    }

    .starbucks {
        max-width: 112px;
        height: auto;
        width: 100%;
    }

    .cheesecake-factory {
        max-width: 130px;
        height: auto;
        width: 100%;
    }

    .vips {
        max-width: 99px;
        height: auto;
        width: 100%;
    }

    .la-parroquia {
        max-width: 134px;
        height: auto;
        width: 100%;
    }

    /*************************/
    /*     FARMACIAS         */
    /*************************/
    .farmacias-bazar {
        max-width: 114px;
        height: auto;
        width: 100%;
    }

    .farmacias-benavides {
        max-width: 120px;
        height: auto;
        width: 100%;
    }

    .farmacias-del-ahorro {
        max-width: 122px;
        height: auto;
        width: 100%;
    }

    .farmacias-gi {
        max-width: 117px;
        height: auto;
        width: 100%;
    }

    /*.farmacias-paris {
        max-width: 99px;
        height: 109px;
        width: 100%;
    }*/

    .farmacias-guadalajara {
        max-width: 110px;
        height: auto;
        width: 100%;
    }

    .medicine-depot {
        max-width: 127px;
        height: auto;
        width: 100%;
    }

    .medina {
        max-width: 90px;
        height: auto;
        width: 100%;
    }

    .farmacias-yza {
        max-width: 180.04px;
        height: auto;
        width: 100%;
    }
}