/* ==========================================================
   UPSEX V344
   CTA + FOOTER GLOBAL RESPONSIVO
   Solo tablet y PC: min-width 768px
   ========================================================== */

@media screen and (min-width:768px){

    /*
     * Elimina exclusivamente la separación inferior
     * que estaba dejando el CTA lejos del footer.
     */
    html body #content #txp-guides-post-cta-v1{
        box-sizing:border-box!important;

        width:100%!important;
        min-width:0!important;
        max-width:100%!important;

        margin-right:0!important;
        margin-bottom:0!important;
        margin-left:0!important;

        padding-right:0!important;
        padding-bottom:0!important;
        padding-left:0!important;

        left:auto!important;
        right:auto!important;
        transform:none!important;
    }

    /*
     * CTA disponible tanto en inicio como en páginas internas.
     */
    html body #content #onsex-cta-abajo-cali-fullwide-v3,
    html body #content #onsex-cta-abajo-cali-global-v1{
        box-sizing:border-box!important;

        display:block!important;

        width:100%!important;
        min-width:0!important;
        max-width:100%!important;

        margin-right:0!important;
        margin-bottom:0!important;
        margin-left:0!important;

        left:auto!important;
        right:auto!important;
        transform:none!important;
    }

    html body #content #onsex-cta-abajo-cali-fullwide-v3
    > .onxcta3-band,

    html body #content #onsex-cta-abajo-cali-global-v1
    > .onxcta3-band{
        box-sizing:border-box!important;

        width:100%!important;
        min-width:0!important;
        max-width:100%!important;

        margin-right:0!important;
        margin-bottom:0!important;
        margin-left:0!important;

        border-radius:16px 16px 0 0!important;
    }

    /*
     * Corrección real del footer:
     * añade #content para superar las reglas posteriores
     * que estaban conservando width +15 px y margin -7.5 px.
     */
    html body #content footer#onsex-footer-cali-v4,
    html body #content div.row.sub-row
    > footer#onsex-footer-cali-v4{
        box-sizing:border-box!important;

        position:relative!important;
        display:block!important;

        width:100%!important;
        min-width:0!important;
        max-width:100%!important;
        height:auto!important;

        margin-top:0!important;
        margin-right:0!important;
        margin-bottom:0!important;
        margin-left:0!important;

        padding-right:0!important;
        padding-left:0!important;

        left:auto!important;
        right:auto!important;

        transform:none!important;

        border-radius:0!important;

        overflow:hidden!important;
        overflow-x:hidden!important;
    }

    /*
     * Evita que padding o bordes internos produzcan
     * otro ancho mayor al footer.
     */
    html body #content footer#onsex-footer-cali-v4,
    html body #content footer#onsex-footer-cali-v4 *{
        box-sizing:border-box!important;
        min-width:0;
    }

    html body #content footer#onsex-footer-cali-v4
    img,

    html body #content footer#onsex-footer-cali-v4
    svg{
        max-width:100%!important;
    }
}

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

    html body #content #onsex-cta-abajo-cali-fullwide-v3
    > .onxcta3-band,

    html body #content #onsex-cta-abajo-cali-global-v1
    > .onxcta3-band{
        border-radius:13px 13px 0 0!important;
    }
}