/* ==========================================================================
   GO SPORTING CLUB - EDGE AERODYNAMIC & KINETIC DESIGN TOKENS (WCAG 2.2 AA)
   ========================================================================== */

/* ACCESIBILIDAD Y TAP TARGETS (WCAG 2.2) */
.sr-only {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

/* ========================================================
   ANTI-AI SLOP & ARTESANÍA UI ESTRICTA (RULE[user_global])
   ======================================================== */

/* 1. Ciclo de Vida de Intro: Guard anti-flicker síncrono */
html.no-intro #introPrecover {
    display: none !important;
    opacity: 0 !important;
    pointer-events: none !important;
}
html.no-intro #heroIntro .intro-shade,
html.no-intro #heroIntro .intro-logo {
    display: none !important;
}
html.no-intro #heroIntro .intro-copy {
    opacity: 1 !important;
    transform: none !important;
    pointer-events: auto !important;
}
html.no-intro #heroIntro .flight-conditions-bar {
    opacity: 1 !important;
    transform: none !important;
}
html.no-intro #heroIntro .hero-final-bg {
    opacity: 1 !important;
}
html.no-intro #heroIntro video {
    display: none !important;
}

/* 2. Ergonomía Editorial, Flujo de Lectura y Balance Tipográfico */
h1, h2, h3, .section-title, .hero-title, .modal-title, .step-title, .precover-title, .flight-tier-title {
    text-wrap: balance;
}
p, .section-subtitle, .hero-subtitle, .about-p, .faq-answer p, .precover-subtitle {
    text-wrap: pretty;
    max-width: 75ch;
}
.about-p, .faq-answer p {
    text-justify: inter-word;
    hyphens: auto;
}

/* 3. Precios y Divisas: tabular-nums y símbolo proporcional (0.85em, margin 0.15em) */
.flight-price, .price-aerospace, #summary-total, .summary-item .val {
    font-variant-numeric: tabular-nums;
    display: inline-flex;
    align-items: baseline;
    white-space: nowrap;
}
.flight-price .currency-symbol,
.currency-symbol {
    font-size: 0.85em;
    margin-left: 0.15em;
    font-weight: 800;
    color: var(--secondary);
}

/* 4. Línea Invisible & Geometría: Listas con ícono en caja rígida y texto recto */
.flight-features li,
.value-card,
.step-item,
.req-items span,
.trust-item {
    display: flex;
    align-items: flex-start;
}
.flight-features li i,
.flight-features li svg,
.step-icon,
.trust-item svg,
.feature-icon,
.check-bullet {
    flex-shrink: 0 !important;
}
.flight-features li span,
.step-content,
.trust-label {
    flex: 1;
    min-width: 0;
}

/* 5. Badges Periféricos y Chips: Cero rotura en 2-3 líneas */
.badge,
.status-badge,
.trust-label,
.flight-badge,
.flight-tier-badge,
.req-items span,
.trust-item,
.trust-stars,
.badge-discount,
.badge-popular,
.badge-altimeter,
.spline-badge,
.mode-chip,
.tag {
    white-space: nowrap !important;
}

/* 6. Viewport Moderno h-dvh */
.hero-intro, .intro-precover {
    min-height: 100vh;
    min-height: 100svh;
    min-height: 100dvh;
}

/* 7. Micro-interacciones Compositor GPU <= 200ms */
button,
a,
.btn-card,
.nav-link,
.flight-card,
.faq-question,
.booking-btn,
.mode-chip {
    transition-property: transform, opacity, background-color, border-color, box-shadow, color;
    transition-duration: 180ms;
    transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
}

html {
    scroll-behavior: smooth;
    overflow-x: clip;
    scroll-padding-top: 80px;
}

:root {
    /* Paleta EDGE Aerodinámica & Cinética - TEMA OSCURO (Atmósfera Aérea Volcánica por defecto) */
    --primary: #FF7B00;          /* Go Sporting Club Radiant Orange */
    --primary-light: #182238;
    --secondary: #FF7B00;        /* Go Sporting Orange */
    --secondary-hover: #E06D00;
    --secondary-glow: rgba(255, 123, 0, 0.42);
    --accent: #FF9F43;           /* Sunlit Amber Accent */
    --accent-cyan: #00E5FF;      /* Aerological Telemetry Cyan */
    --cyan-aero: #00E5FF;
    --cyan-glow: rgba(0, 229, 255, 0.35);
    --accent-sky: #38BDF8;
    --green-active: #10B981;
    --success: #10B981;
    --tertiary: #94A3B8;

    /* Superficies y Fondos (Modo Oscuro Obsidiana Volcánica) */
    --bg-page: #070B12;
    --bg-light: #070B12;
    --bg-subtle: #0D1424;
    --card-glass: rgba(13, 20, 36, 0.80);
    --card-glass-hover: rgba(18, 28, 50, 0.92);
    --hud-bg: rgba(10, 16, 28, 0.82);
    --navbar-bg: rgba(7, 11, 18, 0.90);
    --drawer-bg: rgba(8, 13, 24, 0.88);
    --border-tech: rgba(255, 255, 255, 0.10);
    --border-tech-bright: rgba(255, 123, 0, 0.55);
    --border-glass: rgba(255, 255, 255, 0.12);
    --border-subtle: rgba(255, 255, 255, 0.08);

    /* Textos en Modo Oscuro */
    --text-title: #FFFFFF;
    --text-dark: #F8FAFC;
    --text-highlight: #F8FAFC;
    --text-body: #94A3B8;
    --text-muted: #94A3B8;
    --text-subtle: #64748B;
    --white: #FFFFFF;

    /* Streamlines de Viento */
    --streamline-color: rgba(0, 229, 255, 0.36);
    --streamline-bright: rgba(255, 123, 0, 0.50);

    /* Tipografía de Autor Oficial (Anti-AI Slop - RULE[user_global]) */
    --font-display: 'Space Grotesk', 'Montserrat', -apple-system, BlinkMacSystemFont, sans-serif;
    --font-heading: 'Space Grotesk', 'Montserrat', -apple-system, BlinkMacSystemFont, sans-serif;
    --font-body: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;
    --font-mono: 'Space Grotesk', monospace;

    /* ========================================================
       ESCALA TIPOGRÁFICA PROPORCIONAL DE 8 PASOS
       ======================================================== */
    --text-xs: 0.75rem;                       /* 12px: kickers, badges, chips */
    --text-sm: 0.875rem;                      /* 14px: duraciones, metadatos, tags */
    --text-base: 1rem;                         /* 16px: cuerpo de texto, inputs, listas */
    --text-md: 1.125rem;                      /* 18px: subtítulos, faq preguntas, acentos */
    --text-lg: 1.35rem;                       /* 21.6px: títulos de tarjetas y widgets */
    --text-xl: 1.75rem;                       /* 28px: subtitulares de sección y modales */
    --text-2xl: clamp(1.85rem, 3.2vw, 2.5rem); /* 30-40px: títulos de sección (.section-title) */
    --text-3xl: clamp(2.4rem, 6.5vw, 4.2rem);  /* 38-67px: titular hero / display */

    --leading-tight: 1.15;
    --leading-snug: 1.25;
    --leading-normal: 1.5;
    --leading-relaxed: 1.65;

    --tracking-tight: -0.025em;
    --tracking-normal: 0em;
    --tracking-wide: 0.05em;
    --tracking-wider: 0.12em;

    /* Radios y Geometría Bento */
    --radius-xs: 6px;
    --radius-sm: 10px;
    --radius-md: 16px;
    --radius-lg: 24px;
    --radius-xl: 32px;
    --radius-pill: 9999px;

    /* Sombras Refinadas Multicapa */
    --shadow-sm: 0 4px 12px rgba(0, 0, 0, 0.25);
    --shadow-md: 0 12px 30px -4px rgba(0, 0, 0, 0.45);
    --shadow-lg: 0 24px 54px -8px rgba(0, 0, 0, 0.65);
    --shadow-float: 0 25px 50px -12px rgba(0, 0, 0, 0.75);
    --shadow-glass: 0 16px 40px 0 rgba(0, 0, 0, 0.45);
    --shadow-orange-glow: 0 10px 32px rgba(255, 123, 0, 0.36);
}