/* ==========================================================================
   COROS PACE 4 Jakob Fearless — v2.1.6 — Mobile
   Referencia: coros.com/buy/pace4-jakob — breakpoint md (≤750px)
   Imagen full-bleed + texto overlay con gradiente (sin franjas negras)
   Tipografía: títulos DIN Condensed Bold · textos Helvetica Regular
   ========================================================================== */

@import url("./fonts.css");

.coros-page--pace4-jakob-fearless.coros-page--mobile {
    --cmx-font-title: "DIN Condensed Bold", "DIN Condensed", "DIN-Condensed-Bold", "D-DIN Condensed", "Arial Narrow", sans-serif;
    --cmx-font-body: Helvetica, Arial, sans-serif;
    /* +15% altura sobre proporciones oficiales para dar aire al copy en mobile */
    --cmx-card-boost: 1.15;
}

.coros-page--pace4-jakob-fearless.coros-page--mobile .cmx-jakob-page {
    background-color: #ffffff;
    font-family: var(--cmx-font-body) !important;
    font-weight: 400 !important;
    -webkit-font-smoothing: antialiased;
    overflow-x: hidden;
    line-height: 1.5;
    padding: 0;
    margin: 0;
}

.coros-page--pace4-jakob-fearless.coros-page--mobile .cmx-jakob-page p,
.coros-page--pace4-jakob-fearless.coros-page--mobile .cmx-jakob-page button,
.coros-page--pace4-jakob-fearless.coros-page--mobile .cmx-jakob-page a,
.coros-page--pace4-jakob-fearless.coros-page--mobile .cmx-jakob-page span,
.coros-page--pace4-jakob-fearless.coros-page--mobile .cmx-jakob-page li,
.coros-page--pace4-jakob-fearless.coros-page--mobile .cmx-jakob-page div {
    font-family: inherit;
}

.coros-page--pace4-jakob-fearless.coros-page--mobile .cmx-jakob-hero__title,
.coros-page--pace4-jakob-fearless.coros-page--mobile .cmx-jakob-card__title,
.coros-page--pace4-jakob-fearless.coros-page--mobile .cmx-jakob-box__title,
.coros-page--pace4-jakob-fearless.coros-page--mobile .cmx-jakob-faq__title,
.coros-page--pace4-jakob-fearless.coros-page--mobile .cmx-jakob-battery-stat__value {
    font-family: var(--cmx-font-title) !important;
    font-weight: 700 !important;
}

.coros-page--pace4-jakob-fearless.coros-page--mobile .cmx-jakob-hero__subtitle,
.coros-page--pace4-jakob-fearless.coros-page--mobile .cmx-jakob-card__text,
.coros-page--pace4-jakob-fearless.coros-page--mobile .cmx-jakob-card__note,
.coros-page--pace4-jakob-fearless.coros-page--mobile .cmx-jakob-box__note,
.coros-page--pace4-jakob-fearless.coros-page--mobile .cmx-jakob-disclaimer__inner,
.coros-page--pace4-jakob-fearless.coros-page--mobile .cmx-jakob-faq-question__text,
.coros-page--pace4-jakob-fearless.coros-page--mobile .cmx-jakob-faq-answer__inner,
.coros-page--pace4-jakob-fearless.coros-page--mobile .cmx-jakob-battery-stat__label {
    font-family: var(--cmx-font-body) !important;
    font-weight: 400 !important;
}

.coros-page--pace4-jakob-fearless.coros-page--mobile .cmx-jakob-stage,
.coros-page--pace4-jakob-fearless.coros-page--mobile .cmx-jakob-shell {
    background-color: #ffffff;
}

.coros-page--pace4-jakob-fearless.coros-page--mobile .cmx-jakob-page *,
.coros-page--pace4-jakob-fearless.coros-page--mobile .cmx-jakob-page *::before,
.coros-page--pace4-jakob-fearless.coros-page--mobile .cmx-jakob-page *::after {
    box-sizing: border-box;
}

.coros-page--pace4-jakob-fearless.coros-page--mobile .cmx-jakob-stage {
    width: 100%;
    display: flex;
    justify-content: center;
    padding-bottom: 40px;
}

.coros-page--pace4-jakob-fearless.coros-page--mobile .cmx-jakob-shell {
    width: 100%;
    max-width: 686px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 0;
}

/* ==========================================================================
   HERO — retrato (no cuadrado)
   ========================================================================== */
.coros-page--pace4-jakob-fearless.coros-page--mobile .cmx-jakob-hero {
    position: relative;
    width: 100%;
    aspect-ratio: 750 / 1154;
    min-height: 0;
    background-color: #050505;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0;
}

.coros-page--pace4-jakob-fearless.coros-page--mobile .cmx-jakob-hero__poster,
.coros-page--pace4-jakob-fearless.coros-page--mobile .cmx-jakob-hero__video {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    pointer-events: none;
    margin: 0;
    padding: 0;
}

.coros-page--pace4-jakob-fearless.coros-page--mobile .cmx-jakob-hero__poster {
    z-index: 1;
}

.coros-page--pace4-jakob-fearless.coros-page--mobile .cmx-jakob-hero__video {
    z-index: 2;
}

.coros-page--pace4-jakob-fearless.coros-page--mobile .cmx-jakob-hero__overlay {
    position: absolute;
    inset: 0;
    z-index: 3;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0.05) 45%, rgba(0, 0, 0, 0.55) 100%);
}

.coros-page--pace4-jakob-fearless.coros-page--mobile .cmx-jakob-hero__content {
    position: absolute;
    inset: 0;
    z-index: 4;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    text-align: center;
    padding: 0 clamp(28px, 7vw, 46px) clamp(48px, 12vw, 60px);
    margin: 0;
    gap: 14px;
}

.coros-page--pace4-jakob-fearless.coros-page--mobile .cmx-jakob-hero__logo {
    display: block;
    width: auto;
    max-width: 72%;
    height: clamp(72px, 18vw, 127px);
    margin: 0;
}

.coros-page--pace4-jakob-fearless.coros-page--mobile .cmx-jakob-hero__title {
    font-family: var(--cmx-font-title);
    font-weight: 700;
    text-transform: uppercase;
    color: #ffffff;
    font-size: clamp(26px, 6.5vw, 42px);
    line-height: 1;
    letter-spacing: 0.02em;
    margin: 0;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.45);
}

.coros-page--pace4-jakob-fearless.coros-page--mobile .cmx-jakob-hero__subtitle {
    font-family: var(--cmx-font-body);
    font-weight: 400;
    color: #ffffff;
    font-size: clamp(16px, 4.1vw, 22px);
    line-height: 1.28;
    letter-spacing: 0.01em;
    max-width: 100%;
    margin: 0;
    text-shadow: 0 1px 8px rgba(0, 0, 0, 0.4);
}

/* ==========================================================================
   SECCIONES Y CARDS — proporciones oficiales (686px ref)
   ========================================================================== */
.coros-page--pace4-jakob-fearless.coros-page--mobile .cmx-jakob-highlights,
.coros-page--pace4-jakob-fearless.coros-page--mobile .cmx-jakob-triptych,
.coros-page--pace4-jakob-fearless.coros-page--mobile .cmx-jakob-power-row,
.coros-page--pace4-jakob-fearless.coros-page--mobile .cmx-jakob-training-row,
.coros-page--pace4-jakob-fearless.coros-page--mobile .cmx-jakob-details-row,
.coros-page--pace4-jakob-fearless.coros-page--mobile .cmx-jakob-app-row {
    width: 100%;
    margin: 20px 0 0;
    padding: 0;
}

.coros-page--pace4-jakob-fearless.coros-page--mobile .cmx-jakob-highlights {
    margin-top: 34px;
}

.coros-page--pace4-jakob-fearless.coros-page--mobile .cmx-jakob-highlights-grid,
.coros-page--pace4-jakob-fearless.coros-page--mobile .cmx-jakob-triptych-grid,
.coros-page--pace4-jakob-fearless.coros-page--mobile .cmx-jakob-power-row__grid,
.coros-page--pace4-jakob-fearless.coros-page--mobile .cmx-jakob-details-row {
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: 100%;
}

.coros-page--pace4-jakob-fearless.coros-page--mobile .cmx-jakob-card {
    position: relative;
    width: 100%;
    aspect-ratio: 686 / 850;
    height: auto;
    min-height: 0;
    max-height: none;
    overflow: hidden;
    display: block;
    flex: 0 0 auto;
    container-type: inline-size;
    container-name: cmx-jakob-card;
    background-color: #000000;
    margin: 0;
    padding: 0;
}

.coros-page--pace4-jakob-fearless.coros-page--mobile .cmx-jakob-card__bg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: var(--cmx-jakob-card-image-position, center bottom);
    z-index: 1;
    margin: 0;
}

/* Product shots: ancladas al fondo, sin marco negro inferior */
.coros-page--pace4-jakob-fearless.coros-page--mobile .cmx-jakob-card--gold .cmx-jakob-card__bg,
.coros-page--pace4-jakob-fearless.coros-page--mobile .cmx-jakob-card--feature .cmx-jakob-card__bg {
    object-fit: cover;
    object-position: center bottom;
}

.coros-page--pace4-jakob-fearless.coros-page--mobile .cmx-jakob-card--manifesto .cmx-jakob-card__bg,
.coros-page--pace4-jakob-fearless.coros-page--mobile .cmx-jakob-card--training .cmx-jakob-card__bg,
.coros-page--pace4-jakob-fearless.coros-page--mobile .cmx-jakob-card--compact .cmx-jakob-card__bg {
    object-fit: cover;
}

.coros-page--pace4-jakob-fearless.coros-page--mobile .cmx-jakob-card__bg--fill {
    object-fit: fill;
}

.coros-page--pace4-jakob-fearless.coros-page--mobile .cmx-jakob-card__overlay {
    position: absolute;
    inset: 0;
    z-index: 2;
    pointer-events: none;
}

.coros-page--pace4-jakob-fearless.coros-page--mobile .cmx-jakob-card__content {
    position: absolute;
    inset: 0;
    z-index: 3;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: clamp(20px, 5.5cqw, 32px) clamp(22px, 6.5cqw, 39px);
    gap: clamp(8px, 2.2cqw, 14px);
    text-align: center;
    overflow: visible;
    pointer-events: none;
    box-sizing: border-box;
}

.coros-page--pace4-jakob-fearless.coros-page--mobile .cmx-jakob-card__title,
.coros-page--pace4-jakob-fearless.coros-page--mobile .cmx-jakob-card__text,
.coros-page--pace4-jakob-fearless.coros-page--mobile .cmx-jakob-card__note,
.coros-page--pace4-jakob-fearless.coros-page--mobile .cmx-jakob-card__signature-wrapper {
    pointer-events: auto;
}

.coros-page--pace4-jakob-fearless.coros-page--mobile .cmx-jakob-card__title {
    font-family: var(--cmx-font-title);
    font-weight: 700;
    text-transform: uppercase;
    font-size: clamp(26px, 9.2cqw, 40px);
    line-height: 0.95;
    letter-spacing: 0.02em;
    color: #ffffff;
    margin: 0;
    width: 100%;
    max-width: 100%;
    flex: 0 0 auto;
    text-shadow: 0 2px 12px rgba(0, 0, 0, 0.45);
}

.coros-page--pace4-jakob-fearless.coros-page--mobile .cmx-jakob-card__text {
    font-family: var(--cmx-font-body);
    font-weight: 400;
    font-size: clamp(14px, 3.6cqw, 22px);
    line-height: 1.28;
    letter-spacing: 0.01em;
    color: rgba(255, 255, 255, 0.9);
    margin: 0;
    width: 100%;
    max-width: 100%;
    flex: 0 1 auto;
    min-height: 0;
    text-shadow: 0 1px 8px rgba(0, 0, 0, 0.4);
}

.coros-page--pace4-jakob-fearless.coros-page--mobile .cmx-jakob-card__note {
    position: absolute;
    top: clamp(20px, 5.5cqw, 30px);
    left: clamp(22px, 6.5cqw, 39px);
    right: clamp(22px, 6.5cqw, 39px);
    max-width: none;
    margin: 0;
    padding: 0;
    font-family: var(--cmx-font-body);
    font-weight: 400;
    font-size: clamp(14px, 3.4cqw, 20px);
    line-height: 1.25;
    color: rgba(255, 255, 255, 0.7);
    text-align: left;
}

/* Alineación del copy sobre imagen full-bleed */
.coros-page--pace4-jakob-fearless.coros-page--mobile .cmx-jakob-card--align-top .cmx-jakob-card__content {
    top: 0;
    right: 0;
    left: 0;
    bottom: auto;
    height: auto;
    max-height: none;
    justify-content: flex-start;
    align-items: center;
    text-align: center;
}

.coros-page--pace4-jakob-fearless.coros-page--mobile .cmx-jakob-card--align-bottom .cmx-jakob-card__content {
    top: auto;
    right: 0;
    left: 0;
    bottom: 0;
    height: auto;
    max-height: none;
    justify-content: flex-end;
    align-items: center;
    text-align: center;
}

.coros-page--pace4-jakob-fearless.coros-page--mobile .cmx-jakob-card--align-center .cmx-jakob-card__content {
    top: 0;
    right: auto;
    left: 0;
    bottom: auto;
    height: auto;
    max-height: none;
    width: 100%;
    justify-content: flex-start;
    align-items: flex-start;
    text-align: left;
}

.coros-page--pace4-jakob-fearless.coros-page--mobile .cmx-jakob-card--align-top .cmx-jakob-card__overlay {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.92) 0%, rgba(0, 0, 0, 0.72) 24%, rgba(0, 0, 0, 0.18) 46%, rgba(0, 0, 0, 0) 58%);
}

.coros-page--pace4-jakob-fearless.coros-page--mobile .cmx-jakob-card--align-bottom .cmx-jakob-card__overlay {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.92) 0%, rgba(0, 0, 0, 0.62) 32%, rgba(0, 0, 0, 0.12) 54%, rgba(0, 0, 0, 0) 66%);
}

.coros-page--pace4-jakob-fearless.coros-page--mobile .cmx-jakob-card--align-center .cmx-jakob-card__overlay {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.78) 0%, rgba(0, 0, 0, 0.38) 34%, rgba(0, 0, 0, 0) 58%);
}

/* ==========================================================================
   MANIFESTO
   ========================================================================== */
.coros-page--pace4-jakob-fearless.coros-page--mobile .cmx-jakob-card--manifesto {
    aspect-ratio: 686 / 850;
}

.coros-page--pace4-jakob-fearless.coros-page--mobile .cmx-jakob-card--manifesto .cmx-jakob-card__overlay {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.25) 40%, rgba(0, 0, 0, 0.65) 72%, rgba(0, 0, 0, 0.82) 100%);
}

.coros-page--pace4-jakob-fearless.coros-page--mobile .cmx-jakob-card--manifesto .cmx-jakob-card__content {
    justify-content: flex-end;
    align-items: center;
    text-align: center;
    max-height: none;
    padding: clamp(16px, 4cqw, 24px) clamp(22px, 6.5cqw, 28px) clamp(32px, 8cqw, 48px);
}

.coros-page--pace4-jakob-fearless.coros-page--mobile .cmx-jakob-card--manifesto .cmx-jakob-card__title {
    color: #f5d99c;
    font-size: clamp(28px, 9.6cqw, 42px);
    line-height: 0.95;
    margin: 0;
}

.coros-page--pace4-jakob-fearless.coros-page--mobile .cmx-jakob-card--manifesto .cmx-jakob-card__text {
    font-size: clamp(13px, 3.15cqw, 19px);
    line-height: 1.26;
    margin-top: clamp(14px, 4.4cqw, 30px);
}

.coros-page--pace4-jakob-fearless.coros-page--mobile .cmx-jakob-card__signature-wrapper {
    margin-top: clamp(10px, 2.8cqw, 20px);
    display: flex;
    justify-content: center;
    flex: 0 0 auto;
}

.coros-page--pace4-jakob-fearless.coros-page--mobile .cmx-jakob-card__signature {
    display: block;
    height: clamp(38px, 11cqw, 56px);
    width: auto;
    max-width: 55%;
}

/* ==========================================================================
   GOLD — imagen completa 686×740, texto arriba (como coros.com)
   ========================================================================== */
.coros-page--pace4-jakob-fearless.coros-page--mobile .cmx-jakob-card--gold {
    aspect-ratio: 686 / 850;
    margin-top: 20px;
}

.coros-page--pace4-jakob-fearless.coros-page--mobile .cmx-jakob-card--gold .cmx-jakob-card__overlay {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0.08) 32%, rgba(0, 0, 0, 0) 52%);
}

.coros-page--pace4-jakob-fearless.coros-page--mobile .cmx-jakob-card--gold .cmx-jakob-card__content {
    max-height: none;
    justify-content: flex-start;
    align-items: center;
    text-align: center;
    padding: clamp(32px, 9.5cqw, 56px) clamp(22px, 6.5cqw, 39px) clamp(16px, 4cqw, 24px);
}

.coros-page--pace4-jakob-fearless.coros-page--mobile .cmx-jakob-card--gold .cmx-jakob-card__title {
    font-size: clamp(26px, 9.6cqw, 40px);
}

.coros-page--pace4-jakob-fearless.coros-page--mobile .cmx-jakob-card--gold .cmx-jakob-card__text {
    max-width: 100%;
    margin-top: clamp(10px, 2.8cqw, 14px);
    font-size: clamp(14px, 3.6cqw, 21px);
    color: rgba(255, 255, 255, 0.7);
}

/* ==========================================================================
   TRIPTYCH — imagen full-bleed, texto arriba centrado
   ========================================================================== */
.coros-page--pace4-jakob-fearless.coros-page--mobile #hyperlight.cmx-jakob-card--feature {
    aspect-ratio: 686 / 575;
}

.coros-page--pace4-jakob-fearless.coros-page--mobile #crystal.cmx-jakob-card--feature {
    aspect-ratio: 686 / 633;
}

.coros-page--pace4-jakob-fearless.coros-page--mobile #amoled.cmx-jakob-card--feature {
    aspect-ratio: 686 / 736;
}

.coros-page--pace4-jakob-fearless.coros-page--mobile .cmx-jakob-card--feature .cmx-jakob-card__content {
    max-height: none;
    padding: clamp(32px, 9.5cqw, 56px) clamp(22px, 6.5cqw, 39px) clamp(16px, 4cqw, 24px);
}

.coros-page--pace4-jakob-fearless.coros-page--mobile .cmx-jakob-card--feature .cmx-jakob-card__title {
    font-size: clamp(24px, 8.5cqw, 38px);
}

.coros-page--pace4-jakob-fearless.coros-page--mobile .cmx-jakob-card--feature .cmx-jakob-card__text {
    font-size: clamp(14px, 3.5cqw, 20px);
    line-height: 1.26;
    margin-top: clamp(10px, 2.8cqw, 14px);
    color: rgba(255, 255, 255, 0.7);
}

.coros-page--pace4-jakob-fearless.coros-page--mobile #crystal.cmx-jakob-card--feature .cmx-jakob-card__text {
    font-size: clamp(13px, 3.3cqw, 19px);
    line-height: 1.24;
}

/* ==========================================================================
   BATTERY — imagen completa, copy y stats abajo
   ========================================================================== */
.coros-page--pace4-jakob-fearless.coros-page--mobile .cmx-jakob-card--battery {
    aspect-ratio: 686 / 736;
}

.coros-page--pace4-jakob-fearless.coros-page--mobile .cmx-jakob-card--battery .cmx-jakob-card__content {
    max-height: none;
    justify-content: flex-end;
    padding: clamp(20px, 5cqw, 28px) clamp(22px, 6.5cqw, 28px) clamp(28px, 7cqw, 40px);
}

.coros-page--pace4-jakob-fearless.coros-page--mobile .cmx-jakob-card--battery .cmx-jakob-card__text {
    margin-top: clamp(8px, 2.2cqw, 14px);
    color: rgba(255, 255, 255, 0.7);
}

.coros-page--pace4-jakob-fearless.coros-page--mobile .cmx-jakob-battery-stats {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    gap: clamp(32px, 10cqw, 52px);
    width: 100%;
    margin: clamp(16px, 5.5cqw, 37px) 0 0;
    padding: 0;
}

.coros-page--pace4-jakob-fearless.coros-page--mobile .cmx-jakob-battery-stat {
    text-align: center;
}

.coros-page--pace4-jakob-fearless.coros-page--mobile .cmx-jakob-battery-stat__value {
    font-family: var(--cmx-font-title);
    font-weight: 700;
    color: #ffffff;
    line-height: 1;
}

.coros-page--pace4-jakob-fearless.coros-page--mobile .cmx-jakob-card--battery .cmx-jakob-battery-stat__number {
    font-size: clamp(48px, 11.5cqw, 76px);
}

.coros-page--pace4-jakob-fearless.coros-page--mobile .cmx-jakob-card--battery .cmx-jakob-battery-stat__unit {
    font-size: clamp(22px, 5.2cqw, 36px);
    margin-left: 2px;
}

.coros-page--pace4-jakob-fearless.coros-page--mobile .cmx-jakob-card--battery .cmx-jakob-battery-stat__label {
    margin: -6px 0 0;
    font-family: var(--cmx-font-body);
    font-size: clamp(14px, 3.2cqw, 20px);
    line-height: 1.45;
    color: rgba(255, 255, 255, 0.7);
    text-transform: uppercase;
}

/* ==========================================================================
   TRAINING
   ========================================================================== */
.coros-page--pace4-jakob-fearless.coros-page--mobile .cmx-jakob-card--training {
    aspect-ratio: 686 / 782;
}

.coros-page--pace4-jakob-fearless.coros-page--mobile .cmx-jakob-card--training .cmx-jakob-card__content {
    max-height: none;
    align-items: flex-start;
    text-align: left;
    padding: clamp(32px, 9.5cqw, 60px) clamp(22px, 6.5cqw, 39px) clamp(16px, 4cqw, 24px);
}

.coros-page--pace4-jakob-fearless.coros-page--mobile .cmx-jakob-card--training .cmx-jakob-card__title {
    font-size: clamp(20px, 6.5cqw, 32px);
    line-height: 0.98;
    white-space: pre-line;
}

.coros-page--pace4-jakob-fearless.coros-page--mobile .cmx-jakob-card--training .cmx-jakob-card__text {
    margin-top: clamp(10px, 2.8cqw, 14px);
    font-size: clamp(14px, 3.5cqw, 20px);
    line-height: 1.28;
    color: rgba(255, 255, 255, 0.7);
}

/* ==========================================================================
   DETAILS — activity, mic, fit
   ========================================================================== */
.coros-page--pace4-jakob-fearless.coros-page--mobile .cmx-jakob-card--tall {
    aspect-ratio: 686 / 763;
}

.coros-page--pace4-jakob-fearless.coros-page--mobile .cmx-jakob-card--tall .cmx-jakob-card__content {
    max-height: none;
    padding: clamp(32px, 9.5cqw, 56px) clamp(22px, 6.5cqw, 39px) clamp(16px, 4cqw, 24px);
}

.coros-page--pace4-jakob-fearless.coros-page--mobile #mic.cmx-jakob-card--compact {
    aspect-ratio: 686 / 598;
}

.coros-page--pace4-jakob-fearless.coros-page--mobile #fit.cmx-jakob-card--compact {
    aspect-ratio: 686 / 575;
}

.coros-page--pace4-jakob-fearless.coros-page--mobile .cmx-jakob-card--compact .cmx-jakob-card__content {
    max-height: none;
    align-items: flex-start;
    text-align: left;
    padding: clamp(20px, 5cqw, 28px) clamp(22px, 6.5cqw, 39px) clamp(28px, 7cqw, 36px);
}

.coros-page--pace4-jakob-fearless.coros-page--mobile .cmx-jakob-card--compact .cmx-jakob-card__title {
    font-size: clamp(22px, 7.8cqw, 36px);
    line-height: 0.95;
    max-width: 100%;
}

.coros-page--pace4-jakob-fearless.coros-page--mobile .cmx-jakob-card--compact .cmx-jakob-card__text {
    max-width: 100%;
    margin-top: clamp(10px, 2.8cqw, 14px);
    font-size: clamp(14px, 3.5cqw, 20px);
    color: rgba(255, 255, 255, 0.7);
}

.coros-page--pace4-jakob-fearless.coros-page--mobile .cmx-jakob-card--compact .cmx-jakob-card__note {
    position: absolute;
    top: clamp(24px, 4.5cqw, 30px);
    left: clamp(28px, 6.5cqw, 39px);
    right: auto;
    width: min(260px, 72%);
    margin: 0;
    font-size: clamp(13px, 3.2cqw, 18px);
    line-height: 1.2;
    color: rgba(255, 255, 255, 0.7);
    text-align: left;
}

/* Micrófono: título → disclaimer → cuerpo abajo */
.coros-page--pace4-jakob-fearless.coros-page--mobile #mic.cmx-jakob-card--compact .cmx-jakob-card__content {
    justify-content: flex-start;
    align-items: flex-start;
    padding: clamp(28px, 8.5cqw, 52px) clamp(22px, 6.5cqw, 39px) clamp(24px, 6.5cqw, 36px);
}

.coros-page--pace4-jakob-fearless.coros-page--mobile #mic.cmx-jakob-card--compact .cmx-jakob-card__note {
    position: static;
    top: auto;
    left: auto;
    right: auto;
    width: auto;
    max-width: min(320px, 90%);
    margin: clamp(8px, 2.4cqw, 14px) 0 0;
    font-size: clamp(13px, 3.2cqw, 17px);
    line-height: 1.25;
    color: rgba(255, 255, 255, 0.65);
}

.coros-page--pace4-jakob-fearless.coros-page--mobile #mic.cmx-jakob-card--compact .cmx-jakob-card__text {
    margin-top: auto;
    max-width: min(280px, 74%);
    padding-bottom: clamp(4px, 1.5cqw, 8px);
}

/* ==========================================================================
   APP HUB
   ========================================================================== */
.coros-page--pace4-jakob-fearless.coros-page--mobile .cmx-jakob-card--app {
    aspect-ratio: 686 / 880;
}

.coros-page--pace4-jakob-fearless.coros-page--mobile .cmx-jakob-card--app .cmx-jakob-card__bg {
    object-fit: cover;
    object-position: center bottom;
}

.coros-page--pace4-jakob-fearless.coros-page--mobile .cmx-jakob-card--app .cmx-jakob-card__content {
    top: 0;
    right: auto;
    left: 0;
    bottom: auto;
    height: auto;
    max-height: 36%;
    max-width: 58%;
    align-items: flex-start;
    text-align: left;
    padding: clamp(28px, 8.5cqw, 52px) clamp(22px, 6.5cqw, 39px) clamp(12px, 3cqw, 18px);
}

.coros-page--pace4-jakob-fearless.coros-page--mobile .cmx-jakob-card--app .cmx-jakob-card__overlay {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.82) 0%, rgba(0, 0, 0, 0.45) 28%, rgba(0, 0, 0, 0.08) 48%, rgba(0, 0, 0, 0) 62%);
}

.coros-page--pace4-jakob-fearless.coros-page--mobile .cmx-jakob-card--app .cmx-jakob-card__title {
    font-size: clamp(20px, 6.2cqw, 32px);
    line-height: 1;
    white-space: pre-line;
}

.coros-page--pace4-jakob-fearless.coros-page--mobile .cmx-jakob-card--app .cmx-jakob-card__text {
    margin-top: clamp(10px, 2.8cqw, 14px);
    max-width: 100%;
    font-size: clamp(13px, 3.3cqw, 18px);
    line-height: 1.24;
    color: rgba(255, 255, 255, 0.7);
}

/* ==========================================================================
   BOX
   ========================================================================== */
.coros-page--pace4-jakob-fearless.coros-page--mobile .cmx-jakob-box {
    width: 100%;
    margin: 150px 0 0;
    padding: 0 18px;
    text-align: center;
}

.coros-page--pace4-jakob-fearless.coros-page--mobile .cmx-jakob-box__title {
    font-family: var(--cmx-font-title);
    font-weight: 700;
    font-size: clamp(40px, 9.3vw, 64px);
    line-height: 1;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: #121212;
    margin: 0;
}

.coros-page--pace4-jakob-fearless.coros-page--mobile .cmx-jakob-box__note {
    margin: 35px 0 0;
    font-family: var(--cmx-font-body);
    font-size: clamp(18px, 3.5vw, 24px);
    line-height: 0.7;
    color: #86868b;
}

.coros-page--pace4-jakob-fearless.coros-page--mobile .cmx-jakob-box__figure {
    margin: 41px 0 0;
    width: 100%;
}

.coros-page--pace4-jakob-fearless.coros-page--mobile .cmx-jakob-box__image {
    display: block;
    width: 100%;
    max-width: 714px;
    height: auto;
    margin: 0 auto;
    aspect-ratio: 714 / 710;
    object-fit: cover;
}

/* ==========================================================================
   DISCLAIMER
   ========================================================================== */
.coros-page--pace4-jakob-fearless.coros-page--mobile .cmx-jakob-disclaimer {
    width: 100%;
    margin: 0;
    padding: 24px 18px 0;
}

.coros-page--pace4-jakob-fearless.coros-page--mobile .cmx-jakob-disclaimer__inner {
    font-family: var(--cmx-font-body);
    font-size: 14px;
    line-height: 1.5;
    color: #626262;
}

.coros-page--pace4-jakob-fearless.coros-page--mobile .cmx-jakob-disclaimer__inner a {
    color: inherit;
    text-decoration: underline;
}

/* ==========================================================================
   FAQ
   ========================================================================== */
.coros-page--pace4-jakob-fearless.coros-page--mobile .cmx-jakob-faq {
    width: 100%;
    max-width: 710px;
    margin: 0 auto;
    padding: 200px 18px 100px;
}

.coros-page--pace4-jakob-fearless.coros-page--mobile .cmx-jakob-faq__title {
    font-family: var(--cmx-font-title);
    font-weight: 700;
    font-size: clamp(36px, 8vw, 56px);
    line-height: 1;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: #121212;
    margin: 0 0 40px;
    text-align: center;
}

.coros-page--pace4-jakob-fearless.coros-page--mobile .cmx-jakob-faq-item {
    border-top: 1px solid #d6d6d6;
}

.coros-page--pace4-jakob-fearless.coros-page--mobile .cmx-jakob-faq-item:last-child {
    border-bottom: 1px solid #d6d6d6;
}

.coros-page--pace4-jakob-fearless.coros-page--mobile .cmx-jakob-faq-question {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 20px 0;
    border: 0;
    background: transparent;
    cursor: pointer;
    text-align: left;
    gap: 16px;
}

.coros-page--pace4-jakob-fearless.coros-page--mobile .cmx-jakob-faq-question__text {
    font-family: var(--cmx-font-body);
    font-size: 16px;
    line-height: 1.4;
    color: #121212;
}

.coros-page--pace4-jakob-fearless.coros-page--mobile .cmx-jakob-faq-question__icon {
    position: relative;
    flex-shrink: 0;
    width: 22px;
    height: 22px;
}

.coros-page--pace4-jakob-fearless.coros-page--mobile .cmx-jakob-faq-question__icon::before,
.coros-page--pace4-jakob-fearless.coros-page--mobile .cmx-jakob-faq-question__icon::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 16px;
    height: 2px;
    background: #121212;
    transform: translate(-50%, -50%);
    transition: opacity 0.25s ease, transform 0.25s ease;
}

.coros-page--pace4-jakob-fearless.coros-page--mobile .cmx-jakob-faq-question__icon::after {
    transform: translate(-50%, -50%) rotate(90deg);
}

.coros-page--pace4-jakob-fearless.coros-page--mobile .cmx-jakob-faq-item.is-open .cmx-jakob-faq-question__icon::after {
    opacity: 0;
}

.coros-page--pace4-jakob-fearless.coros-page--mobile .cmx-jakob-faq-answer {
    overflow: hidden;
    max-height: 0;
    transition: max-height 0.35s ease;
}

.coros-page--pace4-jakob-fearless.coros-page--mobile .cmx-jakob-faq-answer__inner {
    padding: 0 0 20px;
    font-family: var(--cmx-font-body);
    font-size: 15px;
    line-height: 1.6;
    color: #121212;
}

/* ==========================================================================
   SCROLL REVEAL
   ========================================================================== */
.coros-page--pace4-jakob-fearless.coros-page--mobile .cmx-jakob-reveal {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.6s cubic-bezier(0.16, 1, 0.3, 1), transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}

.coros-page--pace4-jakob-fearless.coros-page--mobile .cmx-jakob-reveal.is-visible {
    opacity: 1;
    transform: translateY(0);
}

/* ==========================================================================
   PADDING LATERAL solo en bloques finales (md:px-md-18)
   ========================================================================== */
@media screen and (max-width: 767px) {
    .coros-page--pace4-jakob-fearless.coros-page--mobile .cmx-jakob-box {
        padding-left: 18px;
        padding-right: 18px;
    }

    .coros-page--pace4-jakob-fearless.coros-page--mobile .cmx-jakob-disclaimer {
        padding-left: 18px;
        padding-right: 18px;
    }

    .coros-page--pace4-jakob-fearless.coros-page--mobile .cmx-jakob-faq {
        padding-left: 18px;
        padding-right: 18px;
    }
}