﻿/* =====================================================================
   Tema DEPORTES AÉREOS — Federación Navarra de Deportes Aéreos (FNDA)
   Piel: colores, tipografías y fondo gráfico. Se carga después de temas/comun/css/tema.css.

   Dirección "Cielo": el índigo de la federación como cielo al anochecer, azul cielo claro y el naranja
   de las mangas de viento de los aeródromos como único acento. El logo de la FNDA es tipográfico y se
   compone en texto. Rasgos del deporte, discretos y de fondo:
     * nubes que asoman sobre el pie;
     * una carta aeronáutica (retícula y rosa de los vientos) en las cabeceras de las páginas interiores;
     * cielo con cúmulos y un parapente en los contenidos sin foto.
   ===================================================================== */

:root {
    --mt-ink: #1b1c3a;
    --mt-ink-soft: #545a78;
    --mt-bg: #f2f4fa;
    --mt-surface: #ffffff;
    --mt-line: #dce1ee;
    --mt-night: #232454;
    --mt-night-2: #2f3170;
    --mt-accent: #e85a14;
    --mt-accent-dark: #bf460b;
    --mt-accent-soft: #ffb58c;
    --mt-brand: #404175;
    --mt-radius: 8px;
    --mt-max: 1240px;
    --mt-font-display: "Exo 2", "Segoe UI", system-ui, sans-serif;
    --mt-font-body: "Nunito Sans", system-ui, sans-serif;
    /* colores derivados (sobre fondo oscuro, pie, etiquetas...) */
    --mt-on-night: #d3d6ec;
    --mt-on-night-strong: #f2f3fb;
    --mt-on-night-soft: #c3c7e3;
    --mt-on-night-mute: #979cc4;
    --mt-on-night-faint: #5b5f93;
    --mt-night-line: #3d4082;
    --mt-night-divider: #34376f;
    --mt-footer-bg: #171838;
    --mt-footer-ink: #bcc0de;
    --mt-footer-line: #2a2c5c;
    --mt-accent-tint: #fff1e9;
    --mt-accent-tint-line: #fbd2bb;
    --mt-tag-bg: #e6e9f6;
    --mt-tag-club-bg: #fdeee5;
    --mt-tag-club-ink: #a23d09;
    --mt-date-past: #d7dcec;
    --mt-zebra: #f7f8fc;
    --mt-shadow-rgb: 27, 28, 58;
    --aer-cielo: #8fc8ec;
}

/* ---------- Cabecera: las siglas y el nombre, como el logo ---------- */
.mt-marca { display: flex; align-items: center; gap: 18px; min-width: 0; color: var(--mt-brand); }
.mt-marca:hover, .mt-marca:focus { color: var(--mt-brand); }
.mt-marca__siglas { font: 800 54px/.9 var(--mt-font-display); letter-spacing: .01em; color: var(--mt-brand); }
.mt-marca__texto { display: flex; flex-direction: column; gap: 2px; padding-left: 18px; border-left: 2px solid var(--mt-line);
    font: 700 15px/1.15 var(--mt-font-display); letter-spacing: .07em; text-transform: uppercase; color: var(--mt-ink); }
.mt-aer .mt-header__brand { min-height: 104px; }

/* ---------- Menú: índigo, el activo subrayado en naranja ---------- */
.mt-aer .mt-nav > ul > li > a { font-size: 16px; font-weight: 700; letter-spacing: .05em; }
.mt-aer .mt-mega { border-top-color: var(--mt-accent); border-radius: 0 0 var(--mt-radius) var(--mt-radius); }
.mt-aer .mt-mega .mt-has-sub > a { color: var(--mt-brand); }

/* ---------- Títulos y tarjetas ---------- */
.mt-aer .mt-section__head { border-bottom-color: var(--mt-brand); }
.mt-aer .mt-section__head h2 { font-weight: 800; letter-spacing: .01em; }
.mt-aer .mt-card time, .mt-aer .mt-kicker { color: var(--mt-accent-dark); }
.mt-aer .mt-slide__caption h2 { font-weight: 800; }
.mt-aer .mt-hero__dots button[aria-current="true"] { background: var(--mt-accent); }
.mt-aer .mt-quick i { color: var(--mt-brand); }
.mt-aer .mt-date { background: var(--mt-brand); }

/* ---------- Pie: nubes que asoman ---------- */
.mt-aer .mt-footer { position: relative; }
.mt-aer .mt-footer::before { content: ""; position: absolute; left: 0; right: 0; bottom: calc(100% - 1px); height: 64px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='600' height='64' viewBox='0 0 600 64'%3E%3Cg fill='%23171838'%3E%3Ccircle cx='40' cy='44' r='30'/%3E%3Ccircle cx='85' cy='30' r='34'/%3E%3Ccircle cx='130' cy='40' r='26'/%3E%3Ccircle cx='175' cy='48' r='20'/%3E%3Ccircle cx='230' cy='46' r='24'/%3E%3Ccircle cx='270' cy='34' r='30'/%3E%3Ccircle cx='315' cy='42' r='24'/%3E%3Ccircle cx='380' cy='50' r='18'/%3E%3Ccircle cx='420' cy='38' r='28'/%3E%3Ccircle cx='465' cy='28' r='34'/%3E%3Ccircle cx='510' cy='40' r='26'/%3E%3Ccircle cx='560' cy='46' r='22'/%3E%3Ccircle cx='600' cy='44' r='30'/%3E%3Ccircle cx='0' cy='44' r='30'/%3E%3Crect x='0' y='48' width='600' height='16'/%3E%3C/g%3E%3C/svg%3E") 0 100% / 600px 64px repeat-x; pointer-events: none; }
.mt-aer .mt-sponsors { padding-bottom: 96px; }
.mt-aer .mt-footer .fa-solid { color: var(--mt-accent-soft); }

/* ---------- Páginas interiores: cielo al anochecer con la carta aeronáutica ---------- */
.mt-aer .mt-page-head:not(.mt-page-head--slim) {
    background:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='640' height='640' viewBox='0 0 640 640'%3E%3Cg fill='none' stroke='%23ffffff' stroke-opacity='.14' stroke-width='1.4'%3E%3Ccircle cx='320' cy='320' r='230'/%3E%3Ccircle cx='320' cy='320' r='196' stroke-dasharray='3 7'/%3E%3Cpath d='M320.0 90.0 L320.0 112.0'/%3E%3Cpath d='M359.9 93.5 L358.2 103.3'/%3E%3Cpath d='M398.7 103.9 L395.2 113.3'/%3E%3Cpath d='M435.0 120.8 L424.0 139.9'/%3E%3Cpath d='M467.8 143.8 L461.4 151.5'/%3E%3Cpath d='M496.2 172.2 L488.5 178.6'/%3E%3Cpath d='M519.2 205.0 L500.1 216.0'/%3E%3Cpath d='M536.1 241.3 L526.7 244.8'/%3E%3Cpath d='M546.5 280.1 L536.7 281.8'/%3E%3Cpath d='M550.0 320.0 L528.0 320.0'/%3E%3Cpath d='M546.5 359.9 L536.7 358.2'/%3E%3Cpath d='M536.1 398.7 L526.7 395.2'/%3E%3Cpath d='M519.2 435.0 L500.1 424.0'/%3E%3Cpath d='M496.2 467.8 L488.5 461.4'/%3E%3Cpath d='M467.8 496.2 L461.4 488.5'/%3E%3Cpath d='M435.0 519.2 L424.0 500.1'/%3E%3Cpath d='M398.7 536.1 L395.2 526.7'/%3E%3Cpath d='M359.9 546.5 L358.2 536.7'/%3E%3Cpath d='M320.0 550.0 L320.0 528.0'/%3E%3Cpath d='M280.1 546.5 L281.8 536.7'/%3E%3Cpath d='M241.3 536.1 L244.8 526.7'/%3E%3Cpath d='M205.0 519.2 L216.0 500.1'/%3E%3Cpath d='M172.2 496.2 L178.6 488.5'/%3E%3Cpath d='M143.8 467.8 L151.5 461.4'/%3E%3Cpath d='M120.8 435.0 L139.9 424.0'/%3E%3Cpath d='M103.9 398.7 L113.3 395.2'/%3E%3Cpath d='M93.5 359.9 L103.3 358.2'/%3E%3Cpath d='M90.0 320.0 L112.0 320.0'/%3E%3Cpath d='M93.5 280.1 L103.3 281.8'/%3E%3Cpath d='M103.9 241.3 L113.3 244.8'/%3E%3Cpath d='M120.8 205.0 L139.9 216.0'/%3E%3Cpath d='M143.8 172.2 L151.5 178.6'/%3E%3Cpath d='M172.2 143.8 L178.6 151.5'/%3E%3Cpath d='M205.0 120.8 L216.0 139.9'/%3E%3Cpath d='M241.3 103.9 L244.8 113.3'/%3E%3Cpath d='M280.1 93.5 L281.8 103.3'/%3E%3Cpath d='M320 120 L320 520 M120 320 L520 320' stroke-dasharray='2 6'/%3E%3C/g%3E%3Cpath d='M320 64 l-9 20 h18z' fill='%23f0641e' fill-opacity='.7'/%3E%3C/svg%3E") right -90px center / 520px 520px no-repeat,
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E%3Cpath d='M0 .5 H120 M.5 0 V120' stroke='%23ffffff' stroke-opacity='.05' stroke-width='1'/%3E%3C/svg%3E") 0 0 / 120px 120px,
        linear-gradient(165deg, var(--mt-night-2) 0%, var(--mt-night) 70%);
}

/* ---------- Contenido sin imagen (Vista.Visual): cielo con cúmulos y un parapente ---------- */
.mt-sinfoto { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='250' viewBox='0 0 400 250'%3E%3Cg fill='%23ffffff' opacity='.92'%3E%3Ccircle cx='60' cy='215' r='34'/%3E%3Ccircle cx='105' cy='200' r='42'/%3E%3Ccircle cx='150' cy='218' r='30'/%3E%3Crect x='60' y='215' width='90' height='40'/%3E%3Ccircle cx='300' cy='228' r='26'/%3E%3Ccircle cx='335' cy='214' r='34'/%3E%3Ccircle cx='372' cy='230' r='24'/%3E%3Crect x='300' y='228' width='72' height='30'/%3E%3C/g%3E%3Cg transform='translate(235 70) rotate(-8)'%3E%3Cpath d='M-46 0 Q0 -26 46 0 Q0 -14 -46 0Z' fill='%23f0641e'/%3E%3Cpath d='M-44 1 L0 44 M-22 -6 L0 44 M0 -9 L0 44 M22 -6 L0 44 M44 1 L0 44' stroke='%231b1c3a' stroke-opacity='.45' stroke-width='.8' fill='none'/%3E%3Ccircle cx='0' cy='47' r='3.4' fill='%231b1c3a'/%3E%3C/g%3E%3C/svg%3E") center bottom / cover no-repeat, linear-gradient(180deg, #5f9fd6 0%, var(--aer-cielo) 55%, #d6ebf8 100%); }
.mt-card:nth-child(2n) .mt-sinfoto { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='250' viewBox='0 0 400 250'%3E%3Cg fill='%23ffffff' opacity='.92'%3E%3Ccircle cx='60' cy='215' r='34'/%3E%3Ccircle cx='105' cy='200' r='42'/%3E%3Ccircle cx='150' cy='218' r='30'/%3E%3Crect x='60' y='215' width='90' height='40'/%3E%3Ccircle cx='300' cy='228' r='26'/%3E%3Ccircle cx='335' cy='214' r='34'/%3E%3Ccircle cx='372' cy='230' r='24'/%3E%3Crect x='300' y='228' width='72' height='30'/%3E%3C/g%3E%3Cg transform='translate(235 70) rotate(-8)'%3E%3Cpath d='M-46 0 Q0 -26 46 0 Q0 -14 -46 0Z' fill='%23f0641e'/%3E%3Cpath d='M-44 1 L0 44 M-22 -6 L0 44 M0 -9 L0 44 M22 -6 L0 44 M44 1 L0 44' stroke='%231b1c3a' stroke-opacity='.45' stroke-width='.8' fill='none'/%3E%3Ccircle cx='0' cy='47' r='3.4' fill='%231b1c3a'/%3E%3C/g%3E%3C/svg%3E") center bottom / cover no-repeat, linear-gradient(180deg, var(--mt-night-2) 0%, #7a6fb0 55%, #f3b38e 100%); }

@media (max-width: 980px) {
    .mt-marca__siglas { font-size: 42px; }
    .mt-marca__texto { font-size: 12.5px; padding-left: 14px; }
    .mt-aer .mt-header__brand { min-height: 84px; }
}
@media (max-width: 640px) {
    .mt-marca { gap: 12px; }
    .mt-marca__siglas { font-size: 34px; }
    .mt-marca__texto { font-size: 10.5px; padding-left: 12px; letter-spacing: .05em; }
}
