/* v1.0.14 — Overrides mobile (carga al final, max-width 767px) */

@media (max-width: 767px) {
    /* 1. Reloj en video: subir 10% más dentro del encuadre */
    html body [data-coros-design="pace4-black-crystal"].coros-page--mobile .pace4-mobile-story-video video,
    html body .coros-mx-design-page.coros-page--pace4-black-crystal.coros-page--mobile .pace4-mobile-story-video video {
        object-position: center 22% !important;
    }

    /* 2. Separar video del bloque "Oculto a simple vista" */
    html body [data-coros-design="pace4-black-crystal"].coros-page--mobile .cdp-mobile-intro,
    html body .coros-mx-design-page.coros-page--pace4-black-crystal.coros-page--mobile .cdp-mobile-intro {
        position: relative !important;
        z-index: 2 !important;
        padding-top: 0.6rem !important;
        padding-bottom: 0.88rem !important;
        margin-bottom: 20px !important;
    }

    html body [data-coros-design="pace4-black-crystal"].coros-page--mobile .pace4-mobile-story-video,
    html body [data-coros-design="pace4-black-crystal"].coros-page--mobile .cdp-mobile-story-video,
    html body .coros-mx-design-page.coros-page--pace4-black-crystal.coros-page--mobile .pace4-mobile-story-video,
    html body .coros-mx-design-page.coros-page--pace4-black-crystal.coros-page--mobile .cdp-mobile-story-video {
        position: relative !important;
        z-index: 1 !important;
        margin-top: 0.88rem !important;
        margin-bottom: 0.88rem !important;
    }

    /* Detalles con profundidad: imagen → título → texto */
    html body [data-coros-design="pace4-black-crystal"].coros-page--mobile .cdp-mobile-story__figure--second,
    html body .coros-mx-design-page.coros-page--pace4-black-crystal.coros-page--mobile .cdp-mobile-story__figure--second {
        order: 0;
        margin-top: 0.44rem !important;
        margin-bottom: 0.3rem !important;
    }

    html body [data-coros-design="pace4-black-crystal"].coros-page--mobile .cdp-mobile-story__title-second,
    html body .coros-mx-design-page.coros-page--pace4-black-crystal.coros-page--mobile .cdp-mobile-story__title-second {
        order: 1;
        margin-top: 0 !important;
    }

    html body [data-coros-design="pace4-black-crystal"].coros-page--mobile .cdp-mobile-story__copy-second,
    html body .coros-mx-design-page.coros-page--pace4-black-crystal.coros-page--mobile .cdp-mobile-story__copy-second {
        order: 2;
        margin-top: 0.12rem !important;
    }

    html body [data-coros-design="pace4-black-crystal"].coros-page--mobile .pace4-mobile-details,
    html body .coros-mx-design-page.coros-page--pace4-black-crystal.coros-page--mobile .pace4-mobile-details {
        display: flex !important;
        flex-direction: column !important;
    }

    /* 3–5. Tarjetas materiales: 100% ancho, textos abajo */
    html body [data-coros-design="pace4-black-crystal"].coros-page--mobile .pace4-mobile-materials-cards,
    html body .coros-mx-design-page.coros-page--pace4-black-crystal.coros-page--mobile .pace4-mobile-materials-cards {
        width: 100vw !important;
        max-width: 100vw !important;
        margin-left: calc(50% - 50vw) !important;
        margin-right: calc(50% - 50vw) !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        gap: 0.4rem !important;
    }

    html body [data-coros-design="pace4-black-crystal"].coros-page--mobile .cdp-mobile-material-card,
    html body .coros-mx-design-page.coros-page--pace4-black-crystal.coros-page--mobile .cdp-mobile-material-card {
        position: relative !important;
        width: 100% !important;
        max-width: 100% !important;
        aspect-ratio: 1380 / 1920 !important;
        min-height: 5.4rem !important;
        overflow: hidden !important;
        border-radius: 0 !important;
    }

    html body [data-coros-design="pace4-black-crystal"].coros-page--mobile .cdp-mobile-material-card > img,
    html body .coros-mx-design-page.coros-page--pace4-black-crystal.coros-page--mobile .cdp-mobile-material-card > img {
        position: absolute !important;
        inset: 0 !important;
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
    }

    html body [data-coros-design="pace4-black-crystal"].coros-page--mobile .cdp-mobile-material-card__copy,
    html body .coros-mx-design-page.coros-page--pace4-black-crystal.coros-page--mobile .cdp-mobile-material-card__copy {
        position: absolute !important;
        inset: auto 0 0 0 !important;
        top: auto !important;
        left: 50% !important;
        right: auto !important;
        transform: translateX(-50%) !important;
        width: 95% !important;
        max-width: 95% !important;
        min-height: 30% !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: flex-end !important;
        align-items: flex-start !important;
        padding: 0 0 0.5rem !important;
        box-sizing: border-box !important;
        pointer-events: none !important;
    }

    /* Ligereza sin concesiones: textos centrados */
    html body [data-coros-design="pace4-black-crystal"].coros-page--mobile .cdp-mobile-material-card:first-child .cdp-mobile-material-card__copy,
    html body .coros-mx-design-page.coros-page--pace4-black-crystal.coros-page--mobile .cdp-mobile-material-card:first-child .cdp-mobile-material-card__copy {
        align-items: center !important;
        text-align: center !important;
    }

    html body [data-coros-design="pace4-black-crystal"].coros-page--mobile .cdp-mobile-material-card:first-child .cdp-title,
    html body [data-coros-design="pace4-black-crystal"].coros-page--mobile .cdp-mobile-material-card:first-child .cdp-copy,
    html body .coros-mx-design-page.coros-page--pace4-black-crystal.coros-page--mobile .cdp-mobile-material-card:first-child .cdp-title,
    html body .coros-mx-design-page.coros-page--pace4-black-crystal.coros-page--mobile .cdp-mobile-material-card:first-child .cdp-copy {
        width: 100% !important;
        text-align: center !important;
    }

    /* Arquitectura de aleación: título centrado */
    html body [data-coros-design="pace4-black-crystal"].coros-page--mobile .cdp-mobile-material-card--wide .cdp-mobile-material-card__copy,
    html body .coros-mx-design-page.coros-page--pace4-black-crystal.coros-page--mobile .cdp-mobile-material-card--wide .cdp-mobile-material-card__copy {
        align-items: center !important;
    }

    html body [data-coros-design="pace4-black-crystal"].coros-page--mobile .cdp-mobile-material-card--wide .cdp-title,
    html body .coros-mx-design-page.coros-page--pace4-black-crystal.coros-page--mobile .cdp-mobile-material-card--wide .cdp-title {
        width: 100% !important;
        text-align: center !important;
    }

    /* 6–7. Micrófono / actividad: 100% ancho, texto arriba */
    html body [data-coros-design="pace4-black-crystal"].coros-page--mobile .pace4-mobile-features,
    html body .coros-mx-design-page.coros-page--pace4-black-crystal.coros-page--mobile .pace4-mobile-features {
        width: 100vw !important;
        max-width: 100vw !important;
        margin-left: calc(50% - 50vw) !important;
        margin-right: calc(50% - 50vw) !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        gap: 0.4rem !important;
    }

    html body [data-coros-design="pace4-black-crystal"].coros-page--mobile .cdp-mobile-feature-tall,
    html body .coros-mx-design-page.coros-page--pace4-black-crystal.coros-page--mobile .cdp-mobile-feature-tall {
        position: relative !important;
        width: 100% !important;
        max-width: 100% !important;
        aspect-ratio: 1372 / 1728 !important;
        min-height: 5rem !important;
        overflow: hidden !important;
    }

    html body [data-coros-design="pace4-black-crystal"].coros-page--mobile .cdp-mobile-feature-tall > img,
    html body .coros-mx-design-page.coros-page--pace4-black-crystal.coros-page--mobile .cdp-mobile-feature-tall > img {
        position: absolute !important;
        inset: 0 !important;
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
    }

    html body [data-coros-design="pace4-black-crystal"].coros-page--mobile .cdp-mobile-feature-tall__copy,
    html body .coros-mx-design-page.coros-page--pace4-black-crystal.coros-page--mobile .cdp-mobile-feature-tall__copy {
        position: absolute !important;
        top: 0.55rem !important;
        left: 50% !important;
        right: auto !important;
        bottom: auto !important;
        transform: translateX(-50%) !important;
        width: 88% !important;
        max-width: 88% !important;
        padding: 0 !important;
        text-align: center !important;
    }

    html body [data-coros-design="pace4-black-crystal"].coros-page--mobile .cdp-mobile-feature-tall__copy .cdp-title,
    html body [data-coros-design="pace4-black-crystal"].coros-page--mobile .cdp-mobile-feature-tall__copy .cdp-copy,
    html body .coros-mx-design-page.coros-page--pace4-black-crystal.coros-page--mobile .cdp-mobile-feature-tall__copy .cdp-title,
    html body .coros-mx-design-page.coros-page--pace4-black-crystal.coros-page--mobile .cdp-mobile-feature-tall__copy .cdp-copy {
        text-align: center !important;
    }

    /* COROS App: texto arriba 100%, imagen visible */
    html body [data-coros-design="pace4-black-crystal"].coros-page--mobile .pace4-mobile-app,
    html body .coros-mx-design-page.coros-page--pace4-black-crystal.coros-page--mobile .pace4-mobile-app {
        display: flex !important;
        flex-direction: column !important;
        aspect-ratio: auto !important;
        min-height: auto !important;
        height: auto !important;
        overflow: visible !important;
        background: #000 !important;
    }

    html body [data-coros-design="pace4-black-crystal"].coros-page--mobile .pace4-mobile-app .cdp-mobile-app__copy,
    html body .coros-mx-design-page.coros-page--pace4-black-crystal.coros-page--mobile .pace4-mobile-app .cdp-mobile-app__copy {
        position: relative !important;
        top: auto !important;
        left: auto !important;
        right: auto !important;
        width: 100% !important;
        max-width: 100% !important;
        padding: 1.15rem 0.77rem 0.55rem !important;
        text-align: center !important;
        box-sizing: border-box !important;
    }

    html body [data-coros-design="pace4-black-crystal"].coros-page--mobile .pace4-mobile-app .cdp-mobile-app__eyebrow,
    html body [data-coros-design="pace4-black-crystal"].coros-page--mobile .pace4-mobile-app .cdp-title,
    html body [data-coros-design="pace4-black-crystal"].coros-page--mobile .pace4-mobile-app .cdp-copy,
    html body .coros-mx-design-page.coros-page--pace4-black-crystal.coros-page--mobile .pace4-mobile-app .cdp-mobile-app__eyebrow,
    html body .coros-mx-design-page.coros-page--pace4-black-crystal.coros-page--mobile .pace4-mobile-app .cdp-title,
    html body .coros-mx-design-page.coros-page--pace4-black-crystal.coros-page--mobile .pace4-mobile-app .cdp-copy {
        width: 100% !important;
        max-width: 100% !important;
        text-align: center !important;
    }

    html body [data-coros-design="pace4-black-crystal"].coros-page--mobile .pace4-mobile-app > img,
    html body .coros-mx-design-page.coros-page--pace4-black-crystal.coros-page--mobile .pace4-mobile-app > img {
        position: relative !important;
        display: block !important;
        width: 100% !important;
        height: auto !important;
        min-height: 5.8rem !important;
        object-fit: contain !important;
    }

    /* FAQ: solo + */
    html body [data-coros-design="pace4-black-crystal"].coros-page--mobile .cdp-faq__item summary,
    html body .coros-mx-design-page.coros-page--pace4-black-crystal.coros-page--mobile .cdp-faq__item summary {
        list-style: none !important;
    }

    html body [data-coros-design="pace4-black-crystal"].coros-page--mobile .cdp-faq__item summary::-webkit-details-marker,
    html body [data-coros-design="pace4-black-crystal"].coros-page--mobile .cdp-faq__item summary::marker,
    html body .coros-mx-design-page.coros-page--pace4-black-crystal.coros-page--mobile .cdp-faq__item summary::-webkit-details-marker,
    html body .coros-mx-design-page.coros-page--pace4-black-crystal.coros-page--mobile .cdp-faq__item summary::marker {
        display: none !important;
        content: none !important;
    }

    html body [data-coros-design="pace4-black-crystal"].coros-page--mobile .cdp-faq__item summary::before,
    html body .coros-mx-design-page.coros-page--pace4-black-crystal.coros-page--mobile .cdp-faq__item summary::before {
        content: none !important;
        display: none !important;
        width: 0 !important;
        height: 0 !important;
        background: none !important;
    }

    html body [data-coros-design="pace4-black-crystal"].coros-page--mobile .cdp-faq__item summary::after,
    html body .coros-mx-design-page.coros-page--pace4-black-crystal.coros-page--mobile .cdp-faq__item summary::after {
        content: "+" !important;
        position: absolute !important;
        right: 0 !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        width: auto !important;
        height: auto !important;
        margin: 0 !important;
        background: none !important;
        font-family: Helvetica, Arial, sans-serif !important;
        font-size: clamp(22px, 5.5vw, 30px) !important;
        font-weight: 300 !important;
        line-height: 1 !important;
        color: #111 !important;
        opacity: 1 !important;
    }

    html body [data-coros-design="pace4-black-crystal"].coros-page--mobile .cdp-faq__item[open] summary::after,
    html body .coros-mx-design-page.coros-page--pace4-black-crystal.coros-page--mobile .cdp-faq__item[open] summary::after {
        content: "−" !important;
        opacity: 1 !important;
    }
}