/* Correcciones globales: overflow móvil, footer y secciones tarjeta */
html {
    overflow-x: hidden;
    max-width: 100%;
}

body {
    overflow-x: hidden;
    width: 100%;
}

/* Footer: esquinas redondeadas solo arriba */
footer.bg-dark {
    border-top-left-radius: 24px;
    border-top-right-radius: 24px;
    overflow: hidden;
}

footer.bg-dark::after {
    border-top-left-radius: 24px;
    border-top-right-radius: 24px;
}

/* Anclas: compensar navbar fijo */
#whatapi,
#notiyape,
#sunat,
#somos,
#sistema,
#planes,
#comentarios,
#servicios,
#cliente {
    scroll-margin-top: 100px;
}

/* Contenido visible al navegar por ancla (WOW) */
.whatapi-showcase .wow,
.notiyape-showcase .wow {
    visibility: visible !important;
    opacity: 1 !important;
}

.whatapi-showcase,
.notiyape-showcase,
.sunat-section,
.somos-section,
.sistemas-section,
.planes-section,
.comentarios-section {
    box-sizing: border-box;
    max-width: calc(100% - 40px);
    margin-left: auto;
    margin-right: auto;
}

@media (max-width: 991px) {
    footer.bg-dark,
    footer.bg-dark::after {
        border-top-left-radius: 18px;
        border-top-right-radius: 18px;
    }

    .whatapi-showcase,
    .notiyape-showcase,
    .sunat-section,
    .somos-section,
    .sistemas-section,
    .planes-section,
    .comentarios-section {
        max-width: calc(100% - 24px);
    }

    .sunat-section .thumb {
        overflow: hidden;
    }

    .sunat-section .thumb-inner {
        overflow: hidden;
        max-width: 100%;
    }

    .sunat-section .thumb-inner img {
        position: relative !important;
        right: auto !important;
        left: auto !important;
        max-width: 100% !important;
        margin: 0 auto;
        display: block;
    }

    .sunat-section .thumb-inner img:nth-child(n + 2) {
        display: none;
    }

    footer .footer-bottom form {
        max-width: 100%;
        width: 100%;
    }

    footer .footer-bottom .col-lg-4.text-right {
        text-align: center !important;
    }

    footer .f-item.about,
    footer .f-item.link,
    footer .f-item.contact {
        text-align: center;
    }

    footer .f-item.link ul,
    footer .f-item .address ul {
        padding-left: 0;
        list-style: none;
    }

    footer .social ul {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        gap: 16px;
        padding: 0;
    }

    footer .social li {
        margin-right: 0;
    }
}