/* Perfiles visuales por marca — piloto Apple vs Xiaomi */

/* —— Apple: blanco, gris y la letra del sistema (SF Pro en sus dispositivos; Inter en el resto) —— */
.info-page--scroll[data-brand="apple"] {
    --info-shadow: 0 28px 56px rgba(28, 25, 22, 0.09);
    --info-reveal-skew: 0deg;
    --info-reveal-distance: 12px;
    --apple-serif: -apple-system, BlinkMacSystemFont, 'Inter', 'Helvetica Neue', Arial, sans-serif;
    --apple-body: -apple-system, BlinkMacSystemFont, 'Inter', 'Helvetica Neue', Arial, sans-serif;
    --apple-classic-line: #c9b08a;
    --apple-classic-muted: #5c574f;
    --apple-ink: #1c1916;
    --apple-ivory: #f7f4ee;
    --apple-parchment: #faf7f1;
}

.info-page--scroll[data-brand="apple"] .info-scroll-progress__track {
    width: 5px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: none;
    background: rgba(255, 255, 255, 0.7);
}

.info-page--scroll[data-brand="apple"] .info-scroll-progress__fill {
    border-bottom: none;
    background: #1d1d1f;
}

.info-page--scroll[data-brand="apple"] .info-scroll-progress__chapter {
    font-family: var(--apple-serif);
    font-weight: 600;
    font-size: 0.72rem;
    letter-spacing: 0.08em;
    color: #6e6e73;
}

.info-page--scroll[data-brand="apple"] .info-hero__back {
    background: transparent;
    color: #1c1916;
    border: 1px solid #1c1916;
    box-shadow: none;
    border-radius: 0;
    font-family: Georgia, 'Times New Roman', serif;
    font-size: 1.35rem;
    font-weight: 500;
    line-height: 1;
}

.info-page--scroll[data-brand="apple"] .info-hero__back:hover,
.info-page--scroll[data-brand="apple"] .info-hero__catalog--quiet:hover {
    transform: none;
    box-shadow: none;
}

.info-page--scroll[data-brand="apple"] .info-hero__catalog--quiet {
    font-family: var(--apple-serif);
    background: var(--apple-ink, #1c1916);
    color: #f7f4ee;
    border: 1px solid var(--apple-ink, #1c1916);
    box-shadow: none;
    border-radius: 0;
    padding-inline: 22px;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    font-weight: 500;
}

.info-page--scroll[data-brand="apple"] .info-scroll-progress__fill {
    background: #1d1d1f;
}

.info-page--scroll[data-brand="apple"] .info-gfx--halo {
    position: absolute;
    width: 70%;
    height: 55%;
    left: 5%;
    top: 20%;
    border-radius: 50%;
    border: 2px solid var(--neo-ink, #0a0a0a);
    opacity: 0.15;
}

.info-page--scroll[data-brand="apple"] .info-gfx--grid-fine {
    background-size: 32px 32px;
    opacity: 0.04;
}

.info-page--scroll[data-brand="apple"] .info-hero.is-entered .info-hero__reveal {
    animation-duration: 1.05s;
    animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
}

/* —— Xiaomi: burst energético, diagonales, ritmo punchy —— */
.info-page--scroll[data-brand="xiaomi"] {
    --info-shadow: 7px 7px 0 var(--neo-ink, #0a0a0a);
    --info-reveal-skew: -3deg;
    --info-reveal-distance: 28px;
}

.info-page--scroll[data-brand="xiaomi"] .info-hero--burst {
    padding-top: calc(var(--header-height, 76px) + 20px);
}

.info-page--scroll[data-brand="xiaomi"] .info-hero__burst-core {
    position: relative;
    z-index: 1;
    max-width: 640px;
    text-align: center;
}

.info-page--scroll[data-brand="xiaomi"] .info-hero__logo {
    box-shadow: 0 0 0 6px var(--info-accent), var(--info-shadow);
    background: #fff;
}

.info-page--scroll[data-brand="xiaomi"] .info-hero__title {
    text-shadow: 3px 3px 0 var(--info-accent-2);
}

.info-page--scroll[data-brand="xiaomi"] .info-hero__badges {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: center;
    margin: 12px 0 16px;
}

.info-page--scroll[data-brand="xiaomi"] .info-hero__badge {
    padding: 6px 12px;
    font-family: var(--font-display, 'Syne', sans-serif);
    font-size: 0.65rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    background: var(--info-accent-2);
    color: #fff;
    border: 2px solid var(--neo-ink, #0a0a0a);
    box-shadow: 3px 3px 0 var(--neo-ink, #0a0a0a);
    transform: rotate(-2deg);
}

.info-page--scroll[data-brand="xiaomi"] .info-hero__badge:nth-child(2) {
    transform: rotate(3deg);
    background: var(--info-accent);
    color: var(--neo-ink, #0a0a0a);
}

.info-page--scroll[data-brand="xiaomi"] .info-hero__kicker {
    background: var(--info-accent);
}

.info-page--scroll[data-brand="xiaomi"] .info-gfx--burst-ring {
    position: absolute;
    width: min(90vw, 520px);
    height: min(90vw, 520px);
    left: 50%;
    top: 45%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    border: 4px dashed var(--neo-ink, #0a0a0a);
    opacity: 0.35;
    animation: info-xiaomi-spin 48s linear infinite;
}

.info-page--scroll[data-brand="xiaomi"] .info-gfx--burst-slash {
    position: absolute;
    left: -15%;
    right: -15%;
    top: 38%;
    height: 36px;
    background: var(--info-accent);
    border: 3px solid var(--neo-ink, #0a0a0a);
    transform: rotate(-6deg);
    box-shadow: var(--info-shadow);
}

.info-page--scroll[data-brand="xiaomi"] .info-gfx--burst-dots {
    position: absolute;
    inset: 10% 8%;
    background-image: radial-gradient(var(--neo-ink, #0a0a0a) 2px, transparent 2px);
    background-size: 22px 22px;
    opacity: 0.08;
}

.info-page--scroll[data-brand="xiaomi"] .info-gfx--stamp-hot {
    right: 6%;
    top: 18%;
    font-size: clamp(4rem, 16vw, 8rem);
    -webkit-text-stroke: 3px var(--info-accent);
    opacity: 0.35;
}

/* —— Alcatel: retrodeck (neo-brutal + CRT / 80s) —— */

.info-page--scroll[data-brand="alcatel"] .info-hero__catalog {
    background: #00a9e0;
    color: #003d5c;
    border: 2px solid var(--neo-ink, #0a0a0a);
    box-shadow: 4px 4px 0 var(--neo-ink, #0a0a0a);
}

.info-page--scroll[data-brand="alcatel"] .info-scroll-progress__fill {
    background: repeating-linear-gradient(
        90deg,
        #00a9e0 0 12px,
        #ff4fa3 12px 24px,
        #003d5c 24px 36px
    );
}

/* —— Motorola: la radio de los años 30 de la portada (baquelita, latón y crema) —— */
.info-page--scroll[data-brand="motorola"] {
    --moto-cream: #f4ead6;
    --moto-paper: #faf3e4;
    --moto-gold: #c4a35a;
    --moto-gold-dim: #9a7b3c;
    --moto-burgundy: #9c1c28;
    --moto-navy: #1e2a4a;
    --moto-ink: #2a241c;
    --moto-muted: #6b6256;
    --moto-display: 'Josefin Sans', system-ui, sans-serif;
    --moto-gothic: 'Jost', system-ui, sans-serif;
    --info-reveal-skew: 0deg;
    --info-reveal-distance: 12px;
}

.info-page--scroll[data-brand="motorola"] .info-scroll-progress__track {
    border: 1px solid var(--moto-gold);
    width: 5px;
    border-radius: 0;
    background: var(--moto-paper);
    box-shadow: none;
}

.info-page--scroll[data-brand="motorola"] .info-scroll-progress__fill {
    border-bottom: none;
    border-radius: 0;
    background: var(--moto-burgundy);
}

.info-page--scroll[data-brand="motorola"] .info-scroll-progress__chapter {
    font-family: var(--moto-gothic);
    font-weight: 500;
    font-size: 0.58rem;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: var(--moto-muted);
}

/* —— OnePlus: 1+ y Never Settle —— */
.info-page--scroll[data-brand="oneplus"] {
    --op-red: #eb0028;
    --op-ink: #0a0a0a;
    --op-sans: 'Outfit', system-ui, sans-serif;
}

.info-page--scroll[data-brand="oneplus"] .info-scroll-progress__track {
    background: #f0f0f0;
    border: none;
    box-shadow: none;
    width: 4px;
}

.info-page--scroll[data-brand="oneplus"] .info-scroll-progress__fill {
    background: var(--op-red);
    border: none;
}

.info-page--scroll[data-brand="oneplus"] .info-scroll-progress__chapter {
    font-family: var(--op-sans);
    font-weight: 600;
    letter-spacing: 0.08em;
    color: #8a8a8a;
}

.info-page--scroll[data-brand="oneplus"] .info-hero__back {
    background: #fff;
    color: #111;
    border: 1px solid #111;
    border-radius: 0;
    box-shadow: none;
}

.info-page--scroll[data-brand="oneplus"] .info-hero__catalog--quiet {
    font-family: var(--op-sans);
    font-weight: 600;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    background: var(--op-red);
    color: #fff;
    border: none;
    border-radius: 0;
    box-shadow: none;
}

.info-page--scroll[data-brand="oneplus"] .info-hero__hint {
    color: #8a8a8a;
}

/* —— POCO: nitro (fondo claro / amarillo) —— */

.info-page--scroll[data-brand="poco"] .info-hero__catalog {
    background: #ffc107;
    color: #0a0a0a;
    border: 2px solid var(--neo-ink, #0a0a0a);
}

/* —— POCO: campo amarillo y barra negra —— */
.info-page--scroll[data-brand="poco"] {
    --poco-yellow: #ffe100;
    --poco-ink: #111111;
    --poco-sans: 'Archivo Black', 'Arial Black', sans-serif;
}

.info-page--scroll[data-brand="poco"] .info-scroll-progress__track {
    background: #111;
    border: none;
    box-shadow: none;
    width: 6px;
}

.info-page--scroll[data-brand="poco"] .info-scroll-progress__fill {
    background: var(--poco-yellow);
    border: none;
}

.info-page--scroll[data-brand="poco"] .info-scroll-progress__chapter {
    font-family: var(--poco-sans);
    font-weight: 400;
    color: #111;
}

.info-page--scroll[data-brand="poco"] .info-hero__back {
    background: transparent;
    color: #111;
    border: 2px solid #111;
    border-radius: 0;
    box-shadow: none;
}

.info-page--scroll[data-brand="poco"] .info-hero__catalog--quiet {
    font-family: var(--poco-sans);
    font-weight: 400;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    background: #111;
    color: var(--poco-yellow);
    border: none;
    border-radius: 0;
    box-shadow: none;
}

.info-page--scroll[data-brand="poco"] .info-hero__hint {
    color: #111;
}

/* —— Vivo: lens (óptica / Zeiss / gimbal) —— */

.info-page--scroll[data-brand="vivo"] .info-hero__catalog {
    background: #415fff;
    color: #fff;
}

.info-page--scroll[data-brand="vivo"] .info-hero__catalog--quiet {
    background: transparent;
    color: var(--neo-ink, #0a0a0a);
    border: 2px solid var(--neo-ink, #0a0a0a);
}

.info-page--scroll[data-brand="vivo"] .info-scroll-progress__fill {
    background: linear-gradient(90deg, #415fff, #7b9cff);
}

/* —— Tecno: horizon (global / azul + naranja) —— */

.info-page--scroll[data-brand="tecno"] .info-hero__catalog {
    background: #1565c0;
    color: #fff;
}

.info-page--scroll[data-brand="tecno"] .info-hero__catalog--quiet {
    background: transparent;
    color: var(--neo-ink, #0a0a0a);
    border: 2px solid var(--neo-ink, #0a0a0a);
}

/* —— Sony: cinema (Xperia / letterbox) —— */

.info-page--scroll[data-brand="sony"] .info-hero__catalog {
    background: #6a1b9a;
    color: #fff;
}

.info-page--scroll[data-brand="sony"] .info-hero__catalog--quiet {
    background: transparent;
    color: var(--neo-ink, #0a0a0a);
    border: 2px solid var(--neo-ink, #0a0a0a);
}

/* —— Honor: granito y acero, el verde de la pantalla del calibre —— */
.info-page--scroll[data-brand="honor"] {
    --ho-ink: #f2f2f4;
    --ho-lcd: #b9c4a8;
    --ho-sans: 'Barlow', system-ui, sans-serif;
    --info-reveal-skew: 0deg;
    --info-reveal-distance: 18px;
}

.info-page--scroll[data-brand="honor"] .info-scroll-progress__track {
    border: none;
    box-shadow: 0 0 0 1px rgba(242, 242, 244, 0.22) inset;
    background: rgba(242, 242, 244, 0.06);
}

.info-page--scroll[data-brand="honor"] .info-scroll-progress__fill {
    border-bottom: none;
    background: var(--ho-lcd);
}

.info-page--scroll[data-brand="honor"] .info-scroll-progress__chapter {
    font-family: var(--ho-sans);
    font-weight: 500;
    letter-spacing: 0.04em;
}

.info-page--scroll[data-brand="honor"] .info-hero__back {
    background: transparent;
    color: var(--ho-ink);
    border: 1px solid rgba(242, 242, 244, 0.4);
    box-shadow: none;
    border-radius: 8px;
}

.info-page--scroll[data-brand="honor"] .info-hero__catalog--quiet {
    color: #141416;
    border: none;
    border-radius: 8px;
    background: var(--ho-lcd);
    box-shadow: none;
}

.info-page--scroll[data-brand="honor"] .info-hero__back:hover,
.info-page--scroll[data-brand="honor"] .info-hero__catalog--quiet:hover {
    transform: translateY(-1px);
    box-shadow: none;
}

/* —— Fairphone: habitat — bio orgánico + chasis modular —— */
.info-page--scroll[data-brand="fairphone"] {
    --fp-serif: 'Bricolage Grotesque', system-ui, sans-serif;
    --fp-mono: 'IBM Plex Mono', ui-monospace, monospace;
    --fp-bark: #3d4a42;
    --fp-moss: #4a7c59;
    --fp-sand: #f0ebe3;
    --fp-cork: #d8cfc0;
    --info-reveal-skew: 0deg;
    --info-reveal-distance: 16px;
}

.info-page--scroll[data-brand="fairphone"] .info-hero__back {
    background: transparent;
    color: #f4f1ea;
    border: 1px solid #f4f1ea;
    box-shadow: none;
    border-radius: 0;
}

.info-page--scroll[data-brand="fairphone"] .info-hero__back:hover,
.info-page--scroll[data-brand="fairphone"] .info-hero__catalog--quiet:hover {
    transform: none;
    box-shadow: none;
}

.info-page--scroll[data-brand="fairphone"] .info-scroll-progress__track {
    border: 1px solid rgba(61, 74, 66, 0.2);
    box-shadow: none;
    background: rgba(255, 255, 255, 0.45);
}

.info-page--scroll[data-brand="fairphone"] .info-scroll-progress__fill {
    border-bottom: none;
    background: linear-gradient(180deg, #6b9b72 0%, var(--fp-moss) 100%);
}

.info-page--scroll[data-brand="fairphone"] .info-scroll-progress__chapter {
    font-family: var(--fp-mono);
    font-weight: 500;
    letter-spacing: 0.08em;
    color: rgba(61, 74, 66, 0.65);
}

.info-page--scroll[data-brand="fairphone"] .info-hero__catalog {
    background: var(--fp-moss);
    color: #fff;
    border-radius: 3px;
    box-shadow: none;
}

.info-page--scroll[data-brand="fairphone"] .info-hero__catalog--quiet {
    background: #f4f1ea;
    color: #14241c;
    border: 1px solid #f4f1ea;
    border-radius: 0;
    box-shadow: none;
    font-family: var(--fp-mono);
    letter-spacing: 0.12em;
}

/* —— Nothing: glyph — puntos, líneas y formas (esquema, no neo-brutal) —— */
.info-page--scroll[data-brand="nothing"] {
    --glyph-red: #d71921;
    --glyph-ink: #0c0c0c;
    --glyph-paper: #f3f3f3;
    --glyph-line: rgba(12, 12, 12, 0.28);
    --glyph-sans: 'Sora', system-ui, sans-serif;
    --glyph-mono: 'Doto', ui-monospace, monospace;
    --info-reveal-skew: 0deg;
    --info-reveal-distance: 12px;
}

.info-page--scroll[data-brand="nothing"] .info-scroll-progress__track {
    border: none;
    width: 4px;
    border-radius: 0;
    background: repeating-linear-gradient(180deg, var(--glyph-ink) 0 3px, transparent 3px 8px);
    box-shadow: none;
}

.info-page--scroll[data-brand="nothing"] .info-scroll-progress__fill {
    border-bottom: none;
    border-radius: 0;
    background: var(--glyph-red);
}

.info-page--scroll[data-brand="nothing"] .info-scroll-progress__chapter {
    font-family: var(--glyph-sans);
    font-size: 0.52rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #8d8d8d;
}

/* —— TCL: panorama rojo NXTPAPER —— */
.info-page--scroll[data-brand="tcl"] {
    --info-shadow: 6px 6px 0 var(--neo-ink, #0a0a0a);
    --info-reveal-skew: -2deg;
    --info-reveal-distance: 24px;
}

.info-page--scroll[data-brand="tcl"] .info-hero--panorama .info-hero__panorama {
    border-color: var(--info-accent);
    box-shadow: 12px 12px 0 var(--info-accent);
}

.info-page--scroll[data-brand="tcl"] .info-hero--panorama .info-hero__title--panorama {
    text-shadow: 4px 4px 0 var(--info-accent);
}

.info-page--scroll[data-brand="tcl"] .info-hero--panorama .info-hero__logo {
    border-radius: 0;
}

.info-page--scroll[data-brand="xiaomi"] .info-scroll-progress__fill {
    background: linear-gradient(180deg, var(--info-accent-2), var(--info-accent));
}

@keyframes info-xiaomi-spin {
    to {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}

@media (max-width: 900px) {
    .info-page--scroll[data-brand="apple"] .info-hero__poster {
        grid-template-columns: 1fr;
    }

    .info-page--scroll[data-brand="apple"] .info-hero__poster-mark {
        border-right: none;
        border-bottom: 3px solid var(--neo-ink, #0a0a0a);
        padding: 28px 20px;
    }

    .info-page--scroll[data-brand="apple"] .info-hero__poster-copy {
        text-align: center;
        align-items: center;
    }

    .info-page--scroll[data-brand="apple"] .info-hero__tagline--accent {
        border-left: none;
        border-top: 6px solid var(--info-accent);
        padding: 14px 0 0;
        text-align: center;
    }

    .info-page--scroll[data-brand="apple"] .info-hero--split-calm .info-hero__actions,
    .info-page--scroll[data-brand="apple"] .info-hero--split-calm .info-hero__hint {
        justify-content: center;
        text-align: center;
    }

    .info-page--scroll[data-brand="xiaomi"] .info-gfx--burst-ring {
        animation: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .info-page--scroll[data-brand="xiaomi"] .info-gfx--burst-ring {
        animation: none;
    }
}

/* —— Otras marcas: matices por data-brand (temas vía CSS vars en build) —— */
/* —— samsung: el Galaxy Z abierto —— */
.info-page--scroll[data-brand="samsung"] {
    --fold-blue: #1428a0;
    --fold-ink: #0a0a0a;
    --fold-sans: 'Manrope', system-ui, sans-serif;
}

.info-page--scroll[data-brand="samsung"] .info-scroll-progress__fill {
    background: var(--fold-blue);
    border: none;
}

.info-page--scroll[data-brand="samsung"] .info-scroll-progress__chapter {
    font-family: var(--fold-sans);
    font-weight: 700;
    color: var(--fold-blue);
}

.info-page--scroll[data-brand="samsung"] .info-hero__back {
    background: #fff;
    color: var(--fold-blue);
    border: 2px solid var(--fold-blue);
    border-radius: 0;
    box-shadow: none;
}

.info-page--scroll[data-brand="samsung"] .info-hero__catalog--quiet {
    font-family: var(--fold-sans);
    font-weight: 700;
    letter-spacing: 0.02em;
    text-transform: none;
    background: var(--fold-blue);
    color: #fff;
    border: none;
    border-radius: 0;
    box-shadow: none;
}

.info-page--scroll[data-brand="samsung"] .info-hero__hint {
    color: var(--fold-ink);
}

/* —— vivo: el círculo de cámaras —— */
.info-page--scroll[data-brand="vivo"] {
    --vivo-blue: #415fff;
    --vivo-sans: 'DM Sans', system-ui, sans-serif;
}

.info-page--scroll[data-brand="vivo"] .info-scroll-progress__fill {
    background: var(--vivo-blue);
    border: none;
}

.info-page--scroll[data-brand="vivo"] .info-scroll-progress__chapter {
    font-family: var(--vivo-sans);
    font-weight: 700;
    color: var(--vivo-blue);
}

.info-page--scroll[data-brand="vivo"] .info-hero__back {
    background: #fff;
    color: #10141c;
    border: 1px solid #10141c;
    border-radius: 0;
    box-shadow: none;
}

.info-page--scroll[data-brand="vivo"] .info-hero__catalog,
.info-page--scroll[data-brand="vivo"] .info-hero__catalog--quiet {
    font-family: var(--vivo-sans);
    font-weight: 700;
    letter-spacing: 0.02em;
    text-transform: none;
    background: var(--vivo-blue);
    color: #fff;
    border: none;
    border-radius: 0;
    box-shadow: none;
}

.info-page--scroll[data-brand="vivo"] .info-hero__hint {
    color: #10141c;
}

/* —— xiaomi: portada naranja —— */
.info-page--scroll[data-brand="xiaomi"] {
    --mi-orange: #ff6900;
    --mi-sans: 'Inter', system-ui, sans-serif;
}

.info-page--scroll[data-brand="xiaomi"] .info-hero__back {
    background: transparent;
    color: #111;
    border: 2px solid #111;
    border-radius: 0;
    box-shadow: none;
}

.info-page--scroll[data-brand="xiaomi"] .info-hero__catalog,
.info-page--scroll[data-brand="xiaomi"] .info-hero__catalog--quiet {
    font-family: var(--mi-sans);
    font-weight: 700;
    letter-spacing: 0.02em;
    text-transform: none;
    background: #111;
    color: #fff;
    border: none;
    border-radius: 0;
    box-shadow: none;
}

.info-page--scroll[data-brand="xiaomi"] .info-hero__hint {
    color: #111;
}

/* —— alcatel: portada de reserva (la principal está en styles/covers/alcatel.css) —— */
.info-page--scroll[data-brand="alcatel"] {
    --alc-cyan: #3ee0ff;
    --alc-amber: #ffb000;
    --alc-sans: 'Rubik', system-ui, sans-serif;
    --alc-mono: 'Rubik', system-ui, sans-serif;
}

.info-page--scroll[data-brand="alcatel"] .info-hero__back {
    background: transparent;
    color: var(--alc-cyan);
    border: 2px solid var(--alc-cyan);
    border-radius: 0;
    box-shadow: none;
}

.info-page--scroll[data-brand="alcatel"] .info-hero__catalog,
.info-page--scroll[data-brand="alcatel"] .info-hero__catalog--quiet {
    font-family: var(--alc-mono);
    font-size: 1.15rem;
    font-weight: 400;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    background: var(--alc-amber);
    color: #04121a;
    border: none;
    border-radius: 0;
    box-shadow: none;
}

.info-page--scroll[data-brand="alcatel"] .info-hero__hint {
    font-family: var(--alc-mono);
    color: var(--alc-cyan);
}

/* —— zte: cámara bajo la pantalla —— */
.info-page--scroll[data-brand="zte"] {
    --zte-blue: #0084d4;
    --zte-sans: 'Titillium Web', system-ui, sans-serif;
}

.info-page--scroll[data-brand="zte"] .info-hero__back {
    background: transparent;
    color: #fff;
    border: 2px solid #fff;
    border-radius: 0;
    box-shadow: none;
}

.info-page--scroll[data-brand="zte"] .info-hero__catalog,
.info-page--scroll[data-brand="zte"] .info-hero__catalog--quiet {
    font-family: var(--zte-sans);
    font-weight: 700;
    letter-spacing: 0.02em;
    text-transform: none;
    background: #fff;
    color: #041018;
    border: none;
    border-radius: 0;
    box-shadow: none;
}

.info-page--scroll[data-brand="zte"] .info-hero__hint {
    color: #9fd4f5;
}

/* —— tecno: Universal Tone —— */
.info-page--scroll[data-brand="tecno"] {
    --tone-sans: 'Be Vietnam Pro', system-ui, sans-serif;
}

.info-page--scroll[data-brand="tecno"] .info-scroll-progress__fill {
    background: #e0b088;
    border: none;
}

.info-page--scroll[data-brand="tecno"] .info-scroll-progress__chapter {
    font-family: var(--tone-sans);
    font-weight: 700;
    color: #f3d5be;
}

.info-page--scroll[data-brand="tecno"] .info-hero__back {
    background: transparent;
    color: #f6e2d0;
    border: 1px solid #f6e2d0;
    border-radius: 0;
    box-shadow: none;
}

.info-page--scroll[data-brand="tecno"] .info-hero__catalog,
.info-page--scroll[data-brand="tecno"] .info-hero__catalog--quiet {
    font-family: var(--tone-sans);
    font-weight: 700;
    letter-spacing: 0.02em;
    text-transform: none;
    background: #f6e2d0;
    color: #1a120e;
    border: none;
    border-radius: 0;
    box-shadow: none;
}

.info-page--scroll[data-brand="tecno"] .info-hero__hint {
    color: #f6e2d0;
}

/* —— tcl: NXTPAPER, la pantalla contra el papel —— */
.info-page--scroll[data-brand="tcl"] {
    --paper-red: #e30613;
    --paper-ink: #2c2c2c;
    --paper-sheet: #e6e4df;
    --paper-serif: 'Literata', Georgia, serif;
}

.info-page--scroll[data-brand="tcl"] .info-scroll-progress__fill {
    background: var(--paper-red);
    border: none;
}

.info-page--scroll[data-brand="tcl"] .info-scroll-progress__chapter {
    font-family: var(--paper-serif);
    font-weight: 700;
    color: var(--paper-ink);
}

.info-page--scroll[data-brand="tcl"] .info-hero__back {
    background: transparent;
    color: var(--paper-ink);
    border: 1px solid var(--paper-ink);
    border-radius: 0;
    box-shadow: none;
}

.info-page--scroll[data-brand="tcl"] .info-hero__catalog--quiet {
    font-family: var(--paper-serif);
    font-weight: 800;
    letter-spacing: 0.02em;
    text-transform: none;
    background: var(--paper-red);
    color: #fff;
    border: none;
    border-radius: 0;
    box-shadow: none;
}

.info-page--scroll[data-brand="tcl"] .info-hero__hint {
    color: var(--paper-ink);
}

/* —— sony: copia fotográfica —— */
.info-page--scroll[data-brand="sony"] {
    --print-ink: #111;
    --print-paper: #f4f1ea;
    --print-sans: 'Barlow', system-ui, sans-serif;
    --print-serif: 'Newsreader', Georgia, serif;
}

.info-page--scroll[data-brand="sony"] .info-scroll-progress__fill {
    background: var(--print-ink);
    border: none;
}

.info-page--scroll[data-brand="sony"] .info-scroll-progress__chapter {
    font-family: var(--print-sans);
    font-weight: 700;
    color: var(--print-ink);
}

.info-page--scroll[data-brand="sony"] .info-hero__back {
    background: transparent;
    color: #111;
    border: 1px solid #111;
    border-radius: 0;
    box-shadow: none;
}

.info-page--scroll[data-brand="sony"] .info-hero__catalog,
.info-page--scroll[data-brand="sony"] .info-hero__catalog--quiet {
    font-family: var(--print-sans);
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: none;
    background: #111;
    color: #f4f1ea;
    border: none;
    border-radius: 0;
    box-shadow: none;
}

.info-page--scroll[data-brand="sony"] .info-hero__hint {
    color: #3a342c;
}

/* —— Google: chromatic — Material, 4 colores, superficie limpia —— */
.info-page--scroll[data-brand="google"] {
    --g-blue: #4285f4;
    --g-red: #ea4335;
    --g-yellow: #fbbc05;
    --g-green: #34a853;
    --g-sans: 'Figtree', system-ui, -apple-system, sans-serif;
    --g-mono: 'DM Mono', ui-monospace, monospace;
    --info-reveal-skew: 0deg;
    --info-reveal-distance: 18px;
}

.info-page--scroll[data-brand="google"] .info-scroll-progress__track {
    border: none;
    box-shadow: 0 1px 3px rgba(60, 64, 67, 0.18);
    background: #fff;
    width: 6px;
    border-radius: 999px;
}

.info-page--scroll[data-brand="google"] .info-scroll-progress__fill {
    border-bottom: none;
    border-radius: 999px;
    background: linear-gradient(180deg, var(--g-blue), var(--g-green));
}

.info-page--scroll[data-brand="google"] .info-scroll-progress__chapter {
    font-family: var(--g-sans);
    font-weight: 500;
    letter-spacing: 0.04em;
    color: #5f6368;
}

.info-page--scroll[data-brand="google"] .info-hero__back {
    background: #fff;
    color: #3c4043;
    border: 1px solid #dadce0;
    box-shadow: 0 1px 2px rgba(60, 64, 67, 0.12);
    border-radius: 999px;
    font-weight: 500;
}

.info-page--scroll[data-brand="google"] .info-hero__catalog--quiet {
    font-family: var(--g-sans);
    background: var(--g-blue);
    color: #fff;
    border: none;
    box-shadow: 0 1px 3px rgba(66, 133, 244, 0.35);
    border-radius: 999px;
    font-weight: 500;
    letter-spacing: 0.02em;
    text-transform: none;
}

.info-page--scroll[data-brand="google"] .info-hero__back:hover,
.info-page--scroll[data-brand="google"] .info-hero__catalog--quiet:hover {
    transform: translateY(-1px);
    box-shadow: 0 2px 6px rgba(60, 64, 67, 0.18);
}

/* —— Huawei: estudio claro y el rojo de la marca (portada de la pila de servicios) —— */
.info-page--scroll[data-brand="huawei"] {
    --hw-red: #c7000b;
    --hw-ink: #15171b;
    --hw-muted: #5a6069;
    --hw-sans: 'Albert Sans', system-ui, sans-serif;
    --info-reveal-skew: 0deg;
    --info-reveal-distance: 14px;
}

.info-page--scroll[data-brand="huawei"] .info-scroll-progress__track {
    border: none;
    width: 6px;
    border-radius: 2px;
    background: rgba(21, 23, 27, 0.1);
    box-shadow: none;
}

.info-page--scroll[data-brand="huawei"] .info-scroll-progress__fill {
    border-bottom: none;
    border-radius: 2px;
    background: var(--hw-red);
}

.info-page--scroll[data-brand="huawei"] .info-scroll-progress__chapter {
    font-family: var(--hw-sans);
    font-weight: 600;
    font-size: 0.58rem;
    letter-spacing: 0.06em;
    color: var(--hw-muted);
}

/* —— Infinix: volt — el lima de la portada «Cyber Mecha» y verde muy oscuro —— */
.info-page--scroll[data-brand="infinix"] {
    --volt-lime: #d4ff00;
    --volt-lime-dim: #b8e600;
    --volt-forest: #0f1a14;
    --volt-ink: #1a241c;
    --volt-muted: #5c635c;
    --volt-cream: #fffef6;
    --volt-sans: 'Chakra Petch', system-ui, sans-serif;
    --info-reveal-skew: 0deg;
    --info-reveal-distance: 16px;
}

.info-page--scroll[data-brand="infinix"] .info-scroll-progress__track {
    border: none;
    width: 5px;
    border-radius: 2px;
    background: #e8e4d8;
    box-shadow: none;
}

.info-page--scroll[data-brand="infinix"] .info-scroll-progress__fill {
    border-bottom: none;
    border-radius: 2px;
    background: linear-gradient(180deg, var(--volt-lime), var(--volt-lime-dim));
}

.info-page--scroll[data-brand="infinix"] .info-scroll-progress__chapter {
    font-family: var(--volt-sans);
    font-weight: 600;
    font-size: 0.62rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--volt-muted);
}

/* —— Nubia: Red Magic, negro y luz roja —— */

.info-page--scroll[data-brand="nubia"] {
    --magic-red: #ff1f1f;
    --magic-ink: #f4f4f4;
    --magic-muted: #9a9a9a;
    --magic-sans: 'Rajdhani', system-ui, sans-serif;
    --magic-mono: 'Share Tech Mono', ui-monospace, monospace;
}

.info-page--scroll[data-brand="nubia"] .info-scroll-progress__track {
    background: #1a1a1c;
    border: none;
    box-shadow: none;
    width: 4px;
}

.info-page--scroll[data-brand="nubia"] .info-scroll-progress__fill {
    background: var(--magic-red);
    border: none;
}

.info-page--scroll[data-brand="nubia"] .info-scroll-progress__chapter {
    font-family: var(--magic-mono);
    color: #8d8d8d;
    letter-spacing: 0.08em;
}

.info-page--scroll[data-brand="nubia"] .info-hero__back {
    background: transparent;
    color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.4);
    border-radius: 0;
    box-shadow: none;
}

.info-page--scroll[data-brand="nubia"] .info-hero__catalog--quiet {
    font-family: var(--magic-sans);
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    background: var(--magic-red);
    color: #fff;
    border: none;
    border-radius: 0;
    box-shadow: none;
}

.info-page--scroll[data-brand="nubia"] .info-hero__hint {
    color: #8a8a8a;
}

/* —— Oppo: verde, redondo, Find y Reno —— */
.info-page--scroll[data-brand="oppo"] {
    --find-green: #12a150;
    --find-ink: #123028;
    --find-sans: 'Nunito', system-ui, sans-serif;
}

.info-page--scroll[data-brand="oppo"] .info-scroll-progress__track {
    background: #d7f0e2;
    border: none;
    box-shadow: none;
    width: 6px;
    border-radius: 999px;
}

.info-page--scroll[data-brand="oppo"] .info-scroll-progress__fill {
    background: var(--find-green);
    border: none;
    border-radius: 999px;
}

.info-page--scroll[data-brand="oppo"] .info-scroll-progress__chapter {
    font-family: var(--find-sans);
    font-weight: 700;
    color: #6a8f7c;
}

.info-page--scroll[data-brand="oppo"] .info-hero__back {
    background: #fff;
    color: var(--find-green);
    border: none;
    border-radius: 999px;
    box-shadow: none;
}

.info-page--scroll[data-brand="oppo"] .info-hero__catalog--quiet {
    font-family: var(--find-sans);
    font-weight: 800;
    letter-spacing: 0.02em;
    text-transform: none;
    background: var(--find-green);
    color: #fff;
    border: none;
    border-radius: 999px;
    box-shadow: none;
}

.info-page--scroll[data-brand="oppo"] .info-hero__hint {
    color: #6a8f7c;
}

/* —— Tecno: marco doble —— */
.info-page--scroll[data-brand="tecno"] .info-hero--frame .info-hero__frame-box {
    background: var(--info-accent-2);
    transform: rotate(-1deg);
}

.info-page--scroll[data-brand="tecno"] .info-hero--frame .info-hero__frame-inner {
    background: var(--info-surface);
    text-align: left;
}

/* —— realme: la rampa del salto —— */
.info-page--scroll[data-brand="realme"] {
    --leap-yellow: #ffc915;
    --leap-ink: #111;
    --leap-sans: 'Lexend', system-ui, sans-serif;
}

.info-page--scroll[data-brand="realme"] .info-scroll-progress__fill {
    background: var(--leap-yellow);
    border: none;
}

.info-page--scroll[data-brand="realme"] .info-scroll-progress__chapter {
    font-family: var(--leap-sans);
    font-weight: 700;
    color: #111;
}

.info-page--scroll[data-brand="realme"] .info-hero__back {
    background: #fff;
    color: #111;
    border: 2px solid #111;
    border-radius: 0;
    box-shadow: none;
}

.info-page--scroll[data-brand="realme"] .info-hero__catalog--quiet {
    font-family: var(--leap-sans);
    font-weight: 700;
    letter-spacing: 0.02em;
    text-transform: none;
    background: #111;
    color: var(--leap-yellow);
    border: none;
    border-radius: 0;
    box-shadow: none;
}

.info-page--scroll[data-brand="realme"] .info-hero__hint {
    color: #111;
}

.info-page--scroll[data-brand="realme"] .info-hero--slant .info-hero__slant-inner {
    border: none;
    background: transparent;
}

.info-page--scroll[data-brand="tecno"] .info-hero--slant .info-hero__slant-inner {
    background: var(--info-muted);
    border-left: 8px solid var(--info-accent-2);
}

/* —— google: página en blanco —— */

.info-page--scroll[data-brand="google"] .info-hero__back {
    background: #fff;
    color: #202124;
    border: 1px solid #dadce0;
    box-shadow: none;
    border-radius: 4px;
}

.info-page--scroll[data-brand="google"] .info-hero__catalog--quiet {
    background: #4285f4;
    color: #fff;
    border: 1px solid #4285f4;
    box-shadow: none;
    border-radius: 4px;
    font-family: 'Roboto', Arial, sans-serif;
}

.info-page--scroll[data-brand="google"] .info-hero__back:hover,
.info-page--scroll[data-brand="google"] .info-hero__catalog--quiet:hover {
    transform: none;
    box-shadow: none;
}

/* —— huawei: estudio claro —— */

.info-page--scroll[data-brand="huawei"] .info-hero__back {
    background: #fff;
    color: var(--hw-ink);
    border: 1px solid rgba(21, 23, 27, 0.16);
    box-shadow: none;
    border-radius: 6px;
}

.info-page--scroll[data-brand="huawei"] .info-hero__catalog--quiet {
    background: var(--hw-red);
    color: #fff;
    border: 1px solid var(--hw-red);
    box-shadow: none;
    border-radius: 6px;
    font-family: var(--hw-sans);
}

.info-page--scroll[data-brand="huawei"] .info-hero__back:hover,
.info-page--scroll[data-brand="huawei"] .info-hero__catalog--quiet:hover {
    transform: none;
    box-shadow: none;
}

/* —— motorola: crema y burdeos —— */

.info-page--scroll[data-brand="motorola"] .info-hero__back {
    background: transparent;
    color: #9c1c28;
    border: 1px solid #9c1c28;
    box-shadow: none;
    border-radius: 0;
}

.info-page--scroll[data-brand="motorola"] .info-hero__catalog--quiet {
    background: #9c1c28;
    color: #f4ead6;
    border: 1px solid #9c1c28;
    box-shadow: none;
    border-radius: 0;
    font-family: 'Jost', system-ui, sans-serif;
    letter-spacing: 0.14em;
}

.info-page--scroll[data-brand="motorola"] .info-hero__back:hover,
.info-page--scroll[data-brand="motorola"] .info-hero__catalog--quiet:hover {
    transform: none;
    box-shadow: none;
}

/* —— encabezado a juego, solo en *-info —— */
.info-page--scroll {
    --bar-bg: var(--info-surface, #fff);
    --bar-ink: #1a1a1a;
    --bar-line: rgba(0, 0, 0, 0.16);
    --bar-chip: #fff;
    --bar-radius: 0px;
    --bar-font: var(--font-display, 'Syne', sans-serif);
}

.info-page--scroll[data-brand="alcatel"] { --bar-bg: #f5fbfd; --bar-ink: #00729a; --bar-line: rgba(0, 110, 150, 0.35); --bar-chip: #f5fbfd; --bar-font: 'Rubik', sans-serif; }
.info-page--scroll[data-brand="apple"] { --bar-bg: #fbfbfd; --bar-ink: #1d1d1f; --bar-line: rgba(0, 0, 0, 0.18); --bar-chip: #fbfbfd; --bar-font: -apple-system, BlinkMacSystemFont, 'Inter', sans-serif; }
.info-page--scroll[data-brand="fairphone"] { --bar-bg: #1b4d34; --bar-ink: #f4f1ea; --bar-line: rgba(244, 241, 234, 0.35); --bar-chip: #1b4d34; --bar-font: 'IBM Plex Mono', ui-monospace, monospace; }
.info-page--scroll[data-brand="google"] { --bar-bg: #fff; --bar-ink: #202124; --bar-line: #dadce0; --bar-chip: #fff; --bar-radius: 4px; --bar-font: 'Figtree', system-ui, sans-serif; }
.info-page--scroll[data-brand="honor"] { --bar-bg: #141416; --bar-ink: #f2f2f4; --bar-line: rgba(242, 242, 244, 0.24); --bar-chip: #141416; --bar-radius: 6px; --bar-font: 'Barlow', system-ui, sans-serif; }
.info-page--scroll[data-brand="huawei"] { --bar-bg: #fff; --bar-ink: #15171b; --bar-line: rgba(21, 23, 27, 0.14); --bar-chip: #fff; --bar-radius: 6px; --bar-font: 'Albert Sans', system-ui, sans-serif; }
.info-page--scroll[data-brand="infinix"] { --bar-bg: #0f1a14; --bar-ink: #d4ff00; --bar-line: rgba(212, 255, 0, 0.4); --bar-chip: #0f1a14; --bar-font: 'Chakra Petch', system-ui, sans-serif; }
.info-page--scroll[data-brand="motorola"] { --bar-bg: #f4ead6; --bar-ink: #9c1c28; --bar-line: #c4a35a; --bar-chip: #f4ead6; --bar-font: 'Jost', system-ui, sans-serif; }
.info-page--scroll[data-brand="nothing"] { --bar-bg: #fff; --bar-ink: #0a0a0a; --bar-line: #0a0a0a; --bar-chip: #fff; --bar-font: 'Sora', system-ui, sans-serif; }
.info-page--scroll[data-brand="nubia"] { --bar-bg: #070708; --bar-ink: #ff1f1f; --bar-line: #ff1f1f; --bar-chip: #070708; --bar-font: 'Rajdhani', sans-serif; }
.info-page--scroll[data-brand="oneplus"] { --bar-bg: #fff; --bar-ink: #0a0a0a; --bar-line: #0a0a0a; --bar-chip: #fff; --bar-font: 'Outfit', sans-serif; }
.info-page--scroll[data-brand="oppo"] { --bar-bg: #f3fbf6; --bar-ink: #0d3b24; --bar-line: #12a150; --bar-chip: #f3fbf6; --bar-font: 'Nunito', sans-serif; }
.info-page--scroll[data-brand="poco"] { --bar-bg: #ffe100; --bar-ink: #111; --bar-line: #111; --bar-chip: #ffe100; --bar-font: 'Archivo Black', sans-serif; }
.info-page--scroll[data-brand="realme"] { --bar-bg: #fff; --bar-ink: #111; --bar-line: #ffc915; --bar-chip: #fff; --bar-font: 'Lexend', sans-serif; }
.info-page--scroll[data-brand="samsung"] { --bar-bg: #eef1f6; --bar-ink: #1428a0; --bar-line: #1428a0; --bar-chip: #eef1f6; --bar-font: 'Manrope', sans-serif; }
.info-page--scroll[data-brand="sony"] { --bar-bg: #f4f1ea; --bar-ink: #111; --bar-line: #111; --bar-chip: #f4f1ea; --bar-font: 'Newsreader', Georgia, serif; }
.info-page--scroll[data-brand="tcl"] { --bar-bg: #d4d2cc; --bar-ink: #2c2c2c; --bar-line: #e30613; --bar-chip: #e8e6e1; --bar-font: 'Literata', Georgia, serif; }
.info-page--scroll[data-brand="tecno"] { --bar-bg: #14110f; --bar-ink: #e0b088; --bar-line: rgba(224, 176, 136, 0.45); --bar-chip: #14110f; --bar-font: 'Be Vietnam Pro', sans-serif; }
.info-page--scroll[data-brand="vivo"] { --bar-bg: #eceef2; --bar-ink: #415fff; --bar-line: #415fff; --bar-chip: #fff; --bar-font: 'DM Sans', sans-serif; }
.info-page--scroll[data-brand="xiaomi"] { --bar-bg: #ff6900; --bar-ink: #111; --bar-line: #111; --bar-chip: #ff6900; --bar-font: 'Inter', sans-serif; }
.info-page--scroll[data-brand="zte"] { --bar-bg: #041c30; --bar-ink: #fff; --bar-line: #0084d4; --bar-chip: #041c30; --bar-font: 'Titillium Web', sans-serif; }

.info-page--scroll .menu-superior {
    background: var(--bar-bg) !important;
    border-bottom: 1px solid var(--bar-line) !important;
    box-shadow: none !important;
}

.info-page--scroll .menu-superior .titulo-menu {
    font-family: var(--bar-font) !important;
    color: var(--bar-ink) !important;
    font-weight: 600 !important;
    letter-spacing: 0.14em !important;
}

.info-page--scroll .menu-superior .logo-circle {
    border: 1px solid var(--bar-line) !important;
    box-shadow: none !important;
    background-color: var(--bar-chip);
}

.info-page--scroll .menu-superior .btn-marcas,
.info-page--scroll .menu-superior .btn-circular,
.info-page--scroll .menu-superior .menu-toggle {
    background: var(--bar-chip) !important;
    color: var(--bar-ink) !important;
    border: 1px solid var(--bar-line) !important;
    box-shadow: none !important;
    border-radius: var(--bar-radius) !important;
    font-family: var(--bar-font);
}

.info-page--scroll .menu-superior .btn-marcas:hover,
.info-page--scroll .menu-superior .btn-circular:empty:hover,
.info-page--scroll .menu-superior .btn-circular:empty:hover::after {
    background: var(--bar-ink) !important;
    color: var(--bar-bg) !important;
    border-color: var(--bar-ink) !important;
    box-shadow: none !important;
    transform: none;
}

.info-page--scroll .menu-superior .btn-circular:not(:empty),
.info-page--scroll .menu-superior .btn-circular:not(:empty):hover {
    background: var(--bar-chip) !important;
    color: var(--bar-ink) !important;
    border: 1px solid var(--bar-line) !important;
    box-shadow: none !important;
    border-radius: var(--bar-radius) !important;
    overflow: visible !important;
}

.info-page--scroll .compare-vessel {
    background: transparent;
}

.info-page--scroll .compare-count-badge,
.info-page--scroll .menu-compare-badge {
    background: var(--bar-ink) !important;
    color: var(--bar-bg) !important;
    border: 1px solid var(--bar-bg) !important;
    box-shadow: none !important;
    border-radius: var(--bar-radius) !important;
    font-family: var(--bar-font);
}

.info-page--scroll .menu-toggle.has-compare-badge {
    box-shadow: none !important;
}

.info-page--scroll .compare-mobile-notice {
    background: var(--bar-bg);
    color: var(--bar-ink);
    border: 1px solid var(--bar-line);
    box-shadow: none;
    border-radius: min(var(--bar-radius), 16px);
    font-family: var(--bar-font);
}

.info-page--scroll .search-form input[type="search"],
.info-page--scroll .search-form input[type="search"]:focus,
.info-page--scroll .search-form input[type="search"]:focus-visible,
.info-page--scroll .search-form.expanded input[type="search"],
.info-page--scroll .search-form.expanded input[type="search"]:focus {
    background: var(--bar-chip) !important;
    color: var(--bar-ink) !important;
    border: 1px solid var(--bar-line) !important;
    box-shadow: none !important;
    border-radius: var(--bar-radius) !important;
    font-family: var(--bar-font);
    transform: none !important;
}

.info-page--scroll .search-form input[type="search"]::placeholder {
    color: color-mix(in srgb, var(--bar-ink) 55%, transparent);
}

.info-page--scroll .config-modal-overlay {
    z-index: 4000 !important;
    background: color-mix(in srgb, #050505 68%, transparent) !important;
}

.info-page--scroll .config-modal {
    transform: none !important;
    border-radius: min(var(--bar-radius), 28px) !important;
}

.info-page--scroll .config-modal-overlay.active .config-modal {
    transform: none !important;
}

.info-page--scroll .compare-modal-content,
.info-page--scroll .config-modal {
    background: color-mix(in srgb, var(--bar-ink) 14%, var(--bar-bg)) !important;
    color: var(--bar-ink) !important;
    border: 1px solid var(--bar-line) !important;
    box-shadow: none !important;
    font-family: var(--bar-font);
}

.info-page--scroll .compare-modal-content {
    border-radius: min(var(--bar-radius), 28px) !important;
}

.info-page--scroll .cm-header,
.info-page--scroll .config-header {
    border-bottom: 1px solid var(--bar-line) !important;
}

.info-page--scroll .cm-title,
.info-page--scroll .config-title,
.info-page--scroll .config-subtitle {
    background: transparent !important;
    color: var(--bar-ink) !important;
    border: none !important;
    box-shadow: none !important;
    font-family: var(--bar-font) !important;
}

.info-page--scroll .cm-close,
.info-page--scroll .close-config,
.info-page--scroll .cm-remove-btn {
    background: var(--bar-chip) !important;
    color: var(--bar-ink) !important;
    border: 1px solid var(--bar-line) !important;
    box-shadow: none !important;
    border-radius: var(--bar-radius) !important;
}

.info-page--scroll .cm-go-btn,
.info-page--scroll .google-login-btn {
    background: var(--bar-ink) !important;
    color: var(--bar-bg) !important;
    border: 1px solid var(--bar-ink) !important;
    box-shadow: none !important;
    border-radius: var(--bar-radius) !important;
    font-family: var(--bar-font) !important;
}

.info-page--scroll .cm-item-name,
.info-page--scroll .cm-empty,
.info-page--scroll .config-body {
    color: var(--bar-ink);
    font-family: var(--bar-font);
}

.info-page--scroll .cm-empty {
    background: color-mix(in srgb, var(--bar-ink) 8%, var(--bar-bg)) !important;
    color: var(--bar-ink) !important;
    border: 1px dashed var(--bar-line) !important;
}

.info-page--scroll .cm-item {
    background: color-mix(in srgb, var(--bar-ink) 8%, var(--bar-bg)) !important;
    color: var(--bar-ink) !important;
    border: 1px solid var(--bar-line) !important;
    border-radius: min(var(--bar-radius), 14px) !important;
    box-shadow: none !important;
}

.info-page--scroll .cm-item-img {
    background: transparent;
}

.info-page--scroll .cm-go-btn.disabled {
    background: color-mix(in srgb, var(--bar-ink) 16%, var(--bar-bg)) !important;
    color: color-mix(in srgb, var(--bar-ink) 58%, var(--bar-bg)) !important;
    border-color: var(--bar-line) !important;
    box-shadow: none !important;
}

.info-page--scroll .cm-go-btn:hover:not(.disabled),
.info-page--scroll .cm-remove-btn:hover,
.info-page--scroll .cm-close:hover {
    background: var(--bar-ink) !important;
    color: var(--bar-bg) !important;
    border-color: var(--bar-ink) !important;
    box-shadow: none !important;
    transform: none !important;
}

.info-page--scroll .config-favorites-btn,
.info-page--scroll .config-my-phone-btn,
.info-page--scroll .config-favorites-btn strong,
.info-page--scroll .config-favorites-btn small,
.info-page--scroll .config-favorites-btn__arrow {
    background: color-mix(in srgb, var(--bar-ink) 8%, var(--bar-bg)) !important;
    color: var(--bar-ink) !important;
    border: 1px solid var(--bar-line) !important;
    border-radius: min(var(--bar-radius), 18px) !important;
    box-shadow: none !important;
    font-family: var(--bar-font);
    transform: none !important;
}

.info-page--scroll .config-favorites-btn strong,
.info-page--scroll .config-favorites-btn small,
.info-page--scroll .config-favorites-btn__text,
.info-page--scroll .config-favorites-btn__arrow {
    background: transparent !important;
    border: none !important;
}

.info-page--scroll .config-favorites-btn__icon,
.info-page--scroll .config-my-phone-btn .config-favorites-btn__icon {
    background: var(--bar-bg) !important;
    color: var(--bar-ink) !important;
    border: 1px solid var(--bar-line) !important;
    border-radius: min(var(--bar-radius), 12px) !important;
    box-shadow: none !important;
}

.info-page--scroll .config-favorites-btn:hover,
.info-page--scroll .config-my-phone-btn:hover,
.info-page--scroll .close-config:hover,
.info-page--scroll .logout-btn:hover,
.info-page--scroll .google-login-btn:hover {
    transform: none !important;
    box-shadow: none !important;
}

.info-page--scroll .lang-segmented {
    background: transparent !important;
    border: 1px solid var(--bar-line) !important;
    border-radius: min(var(--bar-radius), 18px) !important;
    box-shadow: none !important;
    overflow: hidden;
}

.info-page--scroll .lang-segment,
.info-page--scroll .lang-segment + .lang-segment {
    background: transparent !important;
    color: var(--bar-ink) !important;
    border: none !important;
    border-left: 1px solid var(--bar-line) !important;
    box-shadow: none !important;
    font-family: var(--bar-font);
}

.info-page--scroll .lang-segment:first-child,
.info-page--scroll .lang-segmented--6 .lang-segment:nth-child(2n + 1) {
    border-left: none !important;
}

.info-page--scroll .lang-segmented--6 .lang-segment:nth-child(n + 3) {
    border-top: 1px solid var(--bar-line) !important;
}

.info-page--scroll .lang-segment:hover:not(.active) {
    background: color-mix(in srgb, var(--bar-ink) 10%, var(--bar-bg)) !important;
    color: var(--bar-ink) !important;
}

/* Tras las reglas base de .lang-segment (+ hermano) para que cualquier idioma activo se marque igual */
.info-page--scroll .lang-segment.active,
.info-page--scroll .lang-segment + .lang-segment.active {
    background: var(--bar-ink) !important;
    color: var(--bar-bg) !important;
    border-color: var(--bar-ink) !important;
    font-family: var(--bar-font) !important;
}

.info-page--scroll .lang-segment img {
    border: 1px solid var(--bar-line) !important;
    box-shadow: none !important;
}

.info-page--scroll .lang-segment.active img {
    border-color: var(--bar-bg) !important;
}

.info-page--scroll .google-login-btn::before {
    border: 1px solid var(--bar-line) !important;
    box-shadow: none !important;
    border-radius: min(var(--bar-radius), 6px);
}

.info-page--scroll .logout-btn,
.info-page--scroll .user-profile-card,
.info-page--scroll .config-iphone-picker,
.info-page--scroll .config-android-picker,
.info-page--scroll .config-phone-picker__confirm,
.info-page--scroll .config-iphone-select,
.info-page--scroll .config-android-select,
.info-page--scroll .login-input {
    background: color-mix(in srgb, var(--bar-ink) 8%, var(--bar-bg)) !important;
    color: var(--bar-ink) !important;
    border: 1px solid var(--bar-line) !important;
    border-radius: min(var(--bar-radius), 18px) !important;
    box-shadow: none !important;
    font-family: var(--bar-font);
}

.info-page--scroll .user-avatar-main {
    border: 1px solid var(--bar-line) !important;
    border-radius: min(var(--bar-radius), 12px) !important;
    box-shadow: none !important;
}

.info-page--scroll .user-name-bold,
.info-page--scroll .welcome-greet,
.info-page--scroll .config-iphone-picker__label,
.info-page--scroll .config-android-picker__label,
.info-page--scroll .login-status,
.info-page--scroll .login-status--loading {
    color: var(--bar-ink) !important;
    font-family: var(--bar-font);
}

/* —— infinix: lima sobre verde oscuro —— */

.info-page--scroll[data-brand="infinix"] .info-hero__back {
    background: transparent;
    color: #d4ff00;
    border: 1px solid #d4ff00;
    box-shadow: none;
    border-radius: 0;
}

.info-page--scroll[data-brand="infinix"] .info-hero__catalog,
.info-page--scroll[data-brand="infinix"] .info-hero__catalog--quiet {
    background: #d4ff00;
    color: #0f1a14;
    border: 1px solid #d4ff00;
    box-shadow: none;
    border-radius: 0;
    font-family: 'Chakra Petch', sans-serif;
}

.info-page--scroll[data-brand="infinix"] .info-hero__back:hover,
.info-page--scroll[data-brand="infinix"] .info-hero__catalog:hover,
.info-page--scroll[data-brand="infinix"] .info-hero__catalog--quiet:hover {
    transform: none;
    box-shadow: none;
}

/* —— entradas de portada: una por marca —— */
@media (prefers-reduced-motion: no-preference) {

    @keyframes info-ent-eink {
        0% { filter: contrast(0.2) brightness(1.5); }
        22% { filter: contrast(4) brightness(0.15); }
        48% { filter: contrast(0.4) brightness(1.7); }
        72% { filter: contrast(2.2) brightness(0.55); }
        100% { filter: contrast(1) brightness(1); }
    }

    .info-page--scroll[data-brand="tcl"] .info-hero-stage:has(.info-hero:not(.is-entered)) {
        filter: contrast(0.2) brightness(1.5);
    }
    .info-page--scroll[data-brand="tcl"] .info-hero-stage:has(.info-hero.is-entered) {
        animation: info-ent-eink 0.9s steps(5, end) both;
    }

    .info-page--scroll[data-brand="nubia"] { --ent-actions: 0.6s; }
    .info-page--scroll[data-brand="oneplus"] { --ent-actions: 0.7s; }
    .info-page--scroll[data-brand="poco"] { --ent-actions: 1.42s; }
    .info-page--scroll[data-brand="infinix"],
    .info-page--scroll[data-brand="samsung"],
    .info-page--scroll[data-brand="tcl"] { --ent-actions: 0.85s; }
    .info-page--scroll[data-brand="oppo"],
    .info-page--scroll[data-brand="zte"] { --ent-actions: 0.9s; }
    .info-page--scroll[data-brand="nothing"] { --ent-actions: 1.4s; }
    .info-page--scroll[data-brand="tecno"],
    .info-page--scroll[data-brand="xiaomi"] { --ent-actions: 0.95s; }
    .info-page--scroll[data-brand="vivo"] { --ent-actions: 1s; }
    .info-page--scroll[data-brand="fairphone"],
    .info-page--scroll[data-brand="google"],
    .info-page--scroll[data-brand="realme"] { --ent-actions: 1.05s; }
    .info-page--scroll[data-brand="huawei"] { --ent-actions: 1.15s; }
    .info-page--scroll[data-brand="honor"] { --ent-actions: 1.2s; }
    .info-page--scroll[data-brand="sony"] { --ent-actions: 1.35s; }
    .info-page--scroll[data-brand="alcatel"] { --ent-actions: 1.5s; }
    .info-page--scroll[data-brand="apple"] { --ent-actions: 2.2s; }
    .info-page--scroll[data-brand="motorola"] { --ent-actions: 2.35s; }
}

/* —— portadas en móvil —— */
@media (max-width: 768px) {

    .info-page--scroll .info-hero__back,
    .info-page--scroll .info-hero__catalog {
        min-height: 44px;
        max-width: 100%;
    }

    .info-page--scroll .menu-superior ul {
        background: var(--bar-bg) !important;
        color: var(--bar-ink) !important;
        border: 1px solid var(--bar-line) !important;
        box-shadow: none !important;
        border-radius: min(var(--bar-radius), 16px) !important;
        width: min(240px, calc(100vw - 28px)) !important;
        align-items: stretch !important;
    }

    .info-page--scroll .menu-superior ul .btn-marcas,
    .info-page--scroll .menu-superior ul .btn-circular {
        display: flex !important;
        width: auto !important;
        align-self: stretch !important;
        min-width: 0 !important;
        height: auto !important;
        min-height: 44px !important;
        box-sizing: border-box;
    }

    .info-page--scroll .config-modal {
        width: 100% !important;
        max-height: calc(100dvh - 32px);
        overflow: auto;
        padding: 16px !important;
    }
}

/* Barra de progreso: colores de la marca (--bar-*) */

.info-page--scroll[data-brand] .info-scroll-progress__track {
    background: color-mix(in srgb, var(--bar-ink) 16%, var(--bar-bg));
    border: 1px solid var(--bar-line);
    box-shadow: none;
}

.info-page--scroll[data-brand] .info-scroll-progress__fill {
    background: var(--bar-ink);
    border: none;
}

.info-page--scroll[data-brand] .info-scroll-progress__chapter {
    color: var(--bar-ink);
    font-family: var(--bar-font);
}