/* © 2026 Carlos Acedo Domínguez. Todos los derechos reservados. Ver LICENSE. */
/* ===== Diseño "Grafito deportivo" (opción D): el diseño de la app =====
   Activo para todos (html[data-tema="grafito"] en index.html). Fondo grafito, verde lima de acento,
   letra Archivo, botones tipo pastilla y el inicio en cuadrícula. Los colores de resultados (birdie, par, bogey…)
   y los del Sevilla y el Betis no cambian. */
html[data-tema="grafito"]{
  --g-bg:#111316; --g-card:#1B1E22; --g-card2:#24282D; --g-line:#33383E; --g-ink:#F2F4F5; --g-muted:#9AA3AB; --g-lima:#C6F24E; --g-lima-ink:#111316;
  --surface:#111316; --surface-raised:#1B1E22; --surface-strong:#24282D;
  --ink-c:#F2F4F5; --ink-muted:#9AA3AB; --accent:#C6F24E; --accent-text:#C6F24E; --on-accent:#111316; --focus:#C6F24E;
  --paper-fg:#F2F4F5; --ink-fg:#F2F4F5; --forest-fg:#F2F4F5; --forest-soft-fg:#9AA3AB; --cream-fg:#F2F4F5;
  --gold-fg:#C6F24E; --gold-ink-fg:#C6F24E; --gold-soft-fg:#F2F4F5; --line-fg:#9AA3AB; --line-soft-fg:#9AA3AB;
  --paper-bg:#1B1E22; --paper-dim-bg:#111316; --forest-bg:#24282D; --forest-soft-bg:#2A2E33; --navy-bg:#24282D; --navy-soft-bg:#1B1E22;
  --gold-bg:#C6F24E; --gold-soft-bg:#24282D; --gold-ink-bg:#5C7A12; --line-bg:#33383E; --line-soft-bg:#2A2E33;
  --paper-bd:#33383E; --paper-dim-bd:#33383E; --forest-bd:#4A5058; --forest-soft-bd:#4A5058; --navy-bd:#4A5058; --navy-soft-bd:#33383E;
  --gold-bd:#C6F24E; --gold-soft-bd:#C6F24E; --gold-ink-bd:#C6F24E; --line-bd:#33383E; --line-soft-bd:#2A2E33;
  --paper:#1B1E22; --ink:#F2F4F5; --forest:#24282D; --gold:#C6F24E; --line:#33383E; --line-soft:#2A2E33;
  --bg:#111316; --card:#1B1E22; --shadow:none;
}
html[data-tema="grafito"] body,
html[data-tema="grafito"] .frame,
html[data-tema="grafito"] .screen-content{ background:#111316 !important; font-family:'Archivo', 'Barlow', sans-serif; }
html[data-tema="grafito"] h1, html[data-tema="grafito"] h2,
html[data-tema="grafito"] .pv2-titulo, html[data-tema="grafito"] .tj-nombre, html[data-tema="grafito"] .home-ahora-t,
html[data-tema="grafito"] .derbi-cab h2{ font-family:'Archivo', sans-serif !important; font-weight:900 !important; letter-spacing:-0.01em; }
html[data-tema="grafito"] section{ background:#1B1E22; box-shadow:none; }
html[data-tema="grafito"] .eyebrow{ color:#9AA3AB !important; }

/* ---- Cabeceras ---- */
html[data-tema="grafito"] .app-bar{ background:#111316 !important; border-bottom:1px solid #2A2E33 !important; border-radius:0 !important; }
html[data-tema="grafito"] .app-bar .back{ color:#C6F24E !important; }
html[data-tema="grafito"] .portada.portada-v2{ background:#111316 !important; border-bottom:none !important; }
html[data-tema="grafito"] .pv2-franjas{ display:none !important; }
html[data-tema="grafito"] .pv2-eyebrow{ color:#9AA3AB !important; }
html[data-tema="grafito"] .pv2-titulo, html[data-tema="grafito"] .pv2-titulo span{ color:#F2F4F5 !important; }

/* ---- Inicio ---- */
html[data-tema="grafito"] .screen[data-screen="0"] .screen-content{
  background:#111316 !important;
  --card:#1B1E22; --ink-fg:#F2F4F5; --paper-fg:#F2F4F5; --forest-fg:#F2F4F5; --forest-soft-fg:#9AA3AB;
  --gold-fg:#C6F24E; --gold-ink-fg:#C6F24E; --gold-soft-bg:#24282D; --gold-soft-bd:#33383E;
  --line-bd:#33383E; --line-soft-bd:#2A2E33; --paper-bg:#1B1E22; --paper-dim-bg:#111316; color:#F2F4F5;
}
html[data-tema="grafito"] .home-patro span{ color:#9AA3AB !important; }
html[data-tema="grafito"] .home-patro img{ background:#F2F4F5; border-radius:8px; padding:3px 6px; }
html[data-tema="grafito"] .screen[data-screen="0"] section.home-ahora{ background:transparent !important; box-shadow:none !important; padding-left:16px; padding-right:16px; }
html[data-tema="grafito"] .home-ahora > .eyebrow{ display:none; }
html[data-tema="grafito"] .pr-abrir{ border-radius:999px !important; background:#C6F24E !important; color:#111316 !important; box-shadow:none !important; font-family:'Archivo', sans-serif !important; font-weight:900 !important; }
html[data-tema="grafito"] .home-menu{ display:grid !important; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:10px; }
html[data-tema="grafito"] .home-menu-btn{
  flex-direction:column; align-items:flex-start !important; justify-content:space-between; gap:16px !important;
  min-height:124px !important; padding:16px !important; border:none !important; border-radius:20px !important;
  background:#1B1E22 !important; color:#F2F4F5 !important; font:800 18px/1.15 'Archivo', sans-serif !important;
  text-transform:none !important; letter-spacing:0 !important;
}
html[data-tema="grafito"] .home-menu-btn svg.ico{ color:#C6F24E !important; width:30px !important; height:30px !important; }
html[data-tema="grafito"] .home-menu-btn .hm-flecha{ display:none !important; }
html[data-tema="grafito"] .home-menu-btn span{ flex:none !important; }
html[data-tema="grafito"] .home-menu-btn.hm-derbi{ order:10; grid-column:1 / -1; min-height:84px !important; flex-direction:row; align-items:center !important; background:linear-gradient(100deg, #8E0C06 0%, #8E0C06 49.6%, #06683A 50.4%, #06683A 100%) !important; }
html[data-tema="grafito"] .screen[data-screen="0"] .premios-card,
html[data-tema="grafito"] .screen[data-screen="0"] .sponsor-card,
html[data-tema="grafito"] .screen[data-screen="0"] .normas-card{ background:#1B1E22 !important; }
html[data-tema="grafito"] .screen[data-screen="0"] .premio{ background:#24282D !important; }
html[data-tema="grafito"] .screen[data-screen="0"] .premio-quien,
html[data-tema="grafito"] .screen[data-screen="0"] .sponsor-premio b,
html[data-tema="grafito"] .screen[data-screen="0"] .sponsor-premio a{ color:#F2F4F5 !important; }
html[data-tema="grafito"] .screen[data-screen="0"] .premios-fechas,
html[data-tema="grafito"] .screen[data-screen="0"] .premio-detalle,
html[data-tema="grafito"] .screen[data-screen="0"] .sponsor-premio,
html[data-tema="grafito"] .screen[data-screen="0"] .empty-hint,
html[data-tema="grafito"] .home-pie-btn, html[data-tema="grafito"] .app-copyright{ color:#9AA3AB !important; }
html[data-tema="grafito"] .premio-ico svg.ico{ color:#C6F24E !important; }
html[data-tema="grafito"] .home-volver{ background:#1B1E22 !important; border:2px solid #C6F24E !important; border-radius:999px !important; color:#F2F4F5 !important; font-family:'Archivo', sans-serif !important; }

/* ---- Botones generales ---- */
html[data-tema="grafito"] .btn.primary{ background:#C6F24E !important; color:#111316 !important; border-color:#C6F24E !important; box-shadow:none !important; border-radius:999px !important; }
html[data-tema="grafito"] .btn.ghost{ border-radius:999px !important; border-color:#4A5058 !important; color:#F2F4F5 !important; background:transparent !important; }
html[data-tema="grafito"] .actions{ background:#111316 !important; }

/* ---- Pantalla de anotar ---- */
html[data-tema="grafito"] .hole-map-card, html[data-tema="grafito"] .green-arriba{ background:#1B1E22 !important; }
html[data-tema="grafito"] .hole-map-info .dist{ font-family:'Archivo', sans-serif; font-weight:900 !important; }
html[data-tema="grafito"] .gps-btn{ background:#C6F24E !important; color:#111316 !important; border-radius:999px !important; }
html[data-tema="grafito"] .hole-chip{ border-color:#33383E !important; color:#9AA3AB !important; background:transparent !important; }
html[data-tema="grafito"] .hole-chip.done{ background:#24282D !important; color:#C6F24E !important; border-color:#24282D !important; }
html[data-tema="grafito"] .hole-chip.current{ background:#C6F24E !important; color:#111316 !important; border-color:#C6F24E !important; box-shadow:none !important; }
html[data-tema="grafito"] .mv-item, html[data-tema="grafito"] .mv-match{ background:#1B1E22 !important; box-shadow:none !important; }
html[data-tema="grafito"] .mv-item.lider, html[data-tema="grafito"] .mv-match{ box-shadow:inset 0 0 0 2px #C6F24E !important; }
html[data-tema="grafito"] .mv-item.lider .mv-v, html[data-tema="grafito"] .mv-l{ color:#C6F24E !important; }
html[data-tema="grafito"] .hole-badge-big{ background:#24282D !important; box-shadow:none !important; }
html[data-tema="grafito"] .hole-nav-btn{ background:#1B1E22 !important; border-color:#33383E !important; color:#F2F4F5 !important; }
html[data-tema="grafito"] .hv-cell{ background:#1B1E22 !important; box-shadow:none !important; }
html[data-tema="grafito"] .hv-cell.lead, html[data-tema="grafito"] .hv-cell.cuenta{ box-shadow:inset 0 0 0 2px #C6F24E !important; }
html[data-tema="grafito"] .hv-tp{ background:#24282D !important; color:#C6F24E !important; }
html[data-tema="grafito"] .hv-cell .stroke-box{ background:#24282D !important; border-color:#4A5058 !important; color:#F2F4F5 !important; border-radius:16px !important; }
html[data-tema="grafito"] .hv-pareja{ box-shadow:inset 0 0 0 1.5px #33383E !important; }
html[data-tema="grafito"] .hv-pareja.lead{ box-shadow:inset 0 0 0 2px #C6F24E !important; }
html[data-tema="grafito"] .hv-pareja-h span, html[data-tema="grafito"] .tj-h, html[data-tema="grafito"] .tj-sub span,
html[data-tema="grafito"] .tj-hcp, html[data-tema="grafito"] .tj-quien-mb{ color:#C6F24E !important; }
html[data-tema="grafito"] .tj-card{ border-top-color:#2A2E33 !important; }
html[data-tema="grafito"] .r-par{ background:#C6F24E !important; color:#111316 !important; box-shadow:none !important; }

/* ---- Teclado grande de golpes ---- */
html[data-tema="grafito"] .np-sheet, html[data-tema="grafito"] .np-card{ background:#1B1E22 !important; border-top-color:#C6F24E !important; }
html[data-tema="grafito"] .np-key{ background:#24282D !important; border-color:#4A5058 !important; color:#F2F4F5 !important; }
html[data-tema="grafito"] .np-key.is-par{ background:#C6F24E !important; color:#111316 !important; border-color:#C6F24E !important; }

/* ---- Ventanas (crear partida, convocatoria, medallas…) ---- */
html[data-tema="grafito"] .modal-card{ background:#1B1E22 !important; }
html[data-tema="grafito"] .pr-tecla.on, html[data-tema="grafito"] .pr-jug.on{ background:#C6F24E !important; color:#111316 !important; border-color:#C6F24E !important; }
html[data-tema="grafito"] .pr-sig, html[data-tema="grafito"] .pr-empezar{ background:#C6F24E !important; color:#111316 !important; border-radius:999px !important; }
html[data-tema="grafito"] .pr-jug, html[data-tema="grafito"] .pr-campo, html[data-tema="grafito"] .pr-tecla{ background:#24282D !important; border-color:#33383E !important; }
html[data-tema="grafito"] .pr-pasos .on{ background:#C6F24E !important; color:#111316 !important; }

/* ---- Liga, consejos y diagnóstico ---- */
html[data-tema="grafito"] .leaderboard-row.p1{ background:#24282D !important; box-shadow:inset 0 0 0 2px #C6F24E !important; }
html[data-tema="grafito"] .leaderboard-row.p1 .leaderboard-pos{ background:#C6F24E !important; color:#111316 !important; }
html[data-tema="grafito"] .cj-dia{ background:#C6F24E !important; color:#111316 !important; }
html[data-tema="grafito"] details.cj-ap{ background:#1B1E22 !important; box-shadow:none !important; }
html[data-tema="grafito"] details.cj-ap[open]{ box-shadow:inset 0 0 0 2px #C6F24E !important; }
html[data-tema="grafito"] .cj-num{ background:#24282D !important; color:#C6F24E !important; }
html[data-tema="grafito"] details.cj-ap > summary svg.ico, html[data-tema="grafito"] .cj-h, html[data-tema="grafito"] .cj-ficha-t{ color:#C6F24E !important; }
html[data-tema="grafito"] .cj-ficha{ border-left-color:#C6F24E !important; background:#24282D !important; }
html[data-tema="grafito"] .cj-lista li{ background:#24282D !important; }
html[data-tema="grafito"] .cj-lista li::before{ background:#C6F24E !important; }
html[data-tema="grafito"] .cj-pasos li{ background:#24282D !important; }
html[data-tema="grafito"] .cj-pasos li b{ background:#C6F24E !important; color:#111316 !important; }
html[data-tema="grafito"] .cj-cita{ background:#24282D !important; }
html[data-tema="grafito"] .derbi-card{ background:#111316 !important; }
html[data-tema="grafito"] .dbi-intro, html[data-tema="grafito"] .dbi-sec{ background:#1B1E22 !important; }
html[data-tema="grafito"] .dbi-sec{ box-shadow:inset 0 0 0 2px #C6F24E !important; }
html[data-tema="grafito"] .dbi-sec-t, html[data-tema="grafito"] .dbi-consejo{ color:#C6F24E !important; }
html[data-tema="grafito"] .dbi-btn-oro{ background:#C6F24E !important; color:#111316 !important; border-radius:999px !important; }

/* Interruptor del diseño (pie del inicio) */
.tema-pie{ display:flex; justify-content:center; gap:8px; margin-top:6px; flex-wrap:wrap; }
.tema-pie[hidden]{ display:none; }
.tema-pie button{ padding:8px 14px; border-radius:999px; border:1.5px solid #8FA0BC; background:transparent; color:#5A6478; font:700 14px 'Barlow', sans-serif; cursor:pointer; }
.tema-pie button.on{ background:#0E1F3D; color:#F6F1E4; border-color:#0E1F3D; }
html[data-tema="grafito"] .tema-pie button{ color:#9AA3AB; border-color:#4A5058; }
html[data-tema="grafito"] .tema-pie button.on{ background:#C6F24E; color:#111316; border-color:#C6F24E; }

/* ---- Ajustes para que todo quede dentro y centrado en móviles pequeños ---- */
html[data-tema="grafito"] .pv2-titulo{ font-size:clamp(26px, 9vw, 36px) !important; line-height:.98 !important; }
html[data-tema="grafito"] .pr-abrir{ font-size:clamp(18px, 6vw, 23px) !important; white-space:nowrap; gap:10px; padding:0 18px; }
html[data-tema="grafito"] .pr-abrir svg.ico{ margin-right:0 !important; }
html[data-tema="grafito"] .home-menu-btn{
  align-items:center !important; justify-content:center !important; text-align:center !important; gap:12px !important;
  font-size:clamp(14px, 4.4vw, 18px) !important; hyphens:auto; -webkit-hyphens:auto; overflow-wrap:break-word;
  padding:14px 10px !important; min-height:118px !important;
}
html[data-tema="grafito"] .home-menu-btn span{ display:block; width:100%; min-width:0; }
html[data-tema="grafito"] .home-menu-btn.hm-derbi{ justify-content:center !important; gap:12px !important; }
html[data-tema="grafito"] .home-menu-btn.hm-derbi span:not(.derbi-insignia){ width:auto; text-align:left; }
html[data-tema="grafito"] .pr-pie{ background:#1B1E22 !important; border-top-color:#33383E !important; }
html[data-tema="grafito"] .pr-atras{ border-color:#4A5058 !important; color:#F2F4F5 !important; background:transparent !important; border-radius:999px !important; }
html[data-tema="grafito"] .pr-op-t, html[data-tema="grafito"] .pr-r-pareja, html[data-tema="grafito"] .pr-r-grupo{ color:#C6F24E !important; }
html[data-tema="grafito"] .pr-titulo{ font-family:'Archivo', sans-serif !important; font-weight:900 !important; }
html[data-tema="grafito"] .pr-pasos span{ background:#24282D !important; color:#9AA3AB !important; }
html[data-tema="grafito"] .pr-pasos span.ok{ background:#2F3A1C !important; color:#C6F24E !important; }
html[data-tema="grafito"] .pr-pasos span.on{ background:#C6F24E !important; color:#111316 !important; }
html[data-tema="grafito"] .conv-close{ background:#24282D !important; color:#F2F4F5 !important; }
html[data-tema="grafito"] .dbi-col{ background:#1B1E22 !important; }
html[data-tema="grafito"] .dbi-jug, html[data-tema="grafito"] .dbi-partida{ background:#24282D !important; }
html[data-tema="grafito"] .home-menu-btn span.derbi-insignia{ display:flex !important; width:34px !important; flex:0 0 34px !important; }
html[data-tema="grafito"] .home-menu-btn.hm-derbi span:not(.derbi-insignia){ width:auto !important; flex:0 1 auto !important; }
html[data-tema="grafito"] .dbi-paso{ background:#1B1E22 !important; box-shadow:inset 0 0 0 2px #C6F24E !important; }
html[data-tema="grafito"] .dbi-elige-btn.on{ border-color:#C6F24E !important; box-shadow:0 0 0 3px rgba(198,242,78,.3) !important; }
html[data-tema="grafito"] .dbi-elige-btn.on span{ background:#C6F24E !important; color:#111316 !important; }

/* ---- Cabecera del inicio con foto de campo de golf detrás del escudo ---- */
html[data-tema="grafito"] .portada.portada-v2.home-cab{
  background:
    linear-gradient(180deg, rgba(17,19,22,0) 0%, rgba(17,19,22,0.2) 40%, rgba(17,19,22,0.85) 72%, rgba(17,19,22,0.97) 100%),
    url('hato-verde.jpg?v=1') center 40% / cover no-repeat !important;
  border-radius:0 0 28px 28px; overflow:hidden; min-height:250px; align-items:flex-end;
  padding-top:calc(env(safe-area-inset-top, 0px) + 44px) !important; padding-bottom:20px !important;
  border-bottom:3px solid #C6F24E !important;
}
html[data-tema="grafito"] .home-cab .pv2-escudo{ filter:drop-shadow(0 6px 16px rgba(0,0,0,.55)); }
html[data-tema="grafito"] .home-cab .pv2-eyebrow{ color:#E3E7EA !important; text-shadow:0 1px 6px rgba(0,0,0,.6); }
html[data-tema="grafito"] .home-cab .pv2-titulo{ text-shadow:0 2px 14px rgba(0,0,0,.6); }
html[data-tema="grafito"] .home-menu-btn span.derbi-insignia.con-escudos{ width:auto !important; flex:0 0 auto !important; }
/* Reglas de golf en grafito */
html[data-tema="grafito"] .reglas-cab{ background:linear-gradient(180deg, #24282D 0%, #111316 100%) !important; }
html[data-tema="grafito"] details.rg-item{ background:#1B1E22 !important; box-shadow:none !important; }
html[data-tema="grafito"] details.rg-item[open]{ box-shadow:inset 0 0 0 2px #C6F24E !important; }
html[data-tema="grafito"] .rg-ico, html[data-tema="grafito"] .rg-ficha-t, html[data-tema="grafito"] .rg-sec-t,
html[data-tema="grafito"] .reglas-cab .derbi-cab-k, html[data-tema="grafito"] .rg-pasos li::marker{ color:#C6F24E !important; }
html[data-tema="grafito"] .rg-ficha{ background:#24282D !important; }
html[data-tema="grafito"] .reglas-cab h2{ font-family:'Archivo', sans-serif !important; font-weight:900 !important; }
html[data-tema="grafito"] .rg-casa{ background:#C6F24E !important; color:#111316 !important; }
html[data-tema="grafito"] details.rg-item.rg-local{ box-shadow:inset 0 0 0 2px #C6F24E !important; }
/* ---- Mi hándicap ---- */
#hcpBody{ display:flex; flex-direction:column; gap:12px; padding:4px 16px 8px; color:#F2F4F5; font-family:'Barlow', sans-serif; }
.hp-vacio{ padding:22px 14px; text-align:center; color:#9AA3AB; font-size:17px; background:#1B1E22; border-radius:16px; }
.hp-quien{ display:flex; align-items:center; justify-content:space-between; gap:10px; }
.hp-quien small{ display:block; color:#9AA3AB; font-size:14px; text-transform:uppercase; letter-spacing:.08em; }
.hp-quien b{ display:block; font:900 clamp(19px,5.4vw,24px)/1.15 'Archivo', sans-serif; }
.hp-otro{ flex:0 0 auto; min-height:44px; padding:0 16px; border-radius:999px; border:2px solid #4A5058; background:transparent; color:#F2F4F5; font:700 15px 'Barlow', sans-serif; }
.hp-hero{ display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:6px; padding:20px 12px; border-radius:22px;
  background:radial-gradient(circle at 75% 30%, rgba(198,242,78,.16), transparent 60%), #1B1E22; box-shadow:inset 0 0 0 2px #2C3137; }
.hp-col{ display:flex; flex-direction:column; align-items:center; gap:4px; }
.hp-col small{ color:#9AA3AB; font-size:14px; text-transform:uppercase; letter-spacing:.1em; font-weight:700; }
.hp-antes{ font:800 clamp(34px,10vw,46px)/1 'Archivo', sans-serif; color:#7D868F; }
.hp-ahora{ font:900 clamp(52px,15vw,72px)/1 'Archivo', sans-serif; color:#C6F24E; }
.hp-flecha{ font:900 30px 'Archivo', sans-serif; color:#4A5058; }
.hp-cambio{ text-align:center; font-size:17px; font-weight:700; }
.hp-cambio em{ font-style:normal; color:#9AA3AB; font-weight:500; }
.hp-baja{ color:#C6F24E; } .hp-sube{ color:#FF8A7A; } .hp-igual{ color:#9AA3AB; }
.hp-sec-t{ margin-top:10px; font:900 14px 'Archivo', sans-serif; text-transform:uppercase; letter-spacing:.12em; color:#C6F24E; }
.hp-graf{ width:100%; height:auto; color:#C6F24E; background:#1B1E22; border-radius:16px; }
.hp-graf .hp-pt{ fill:#111316; stroke:#C6F24E; stroke-width:2; } .hp-graf .hp-ult{ fill:#C6F24E; }
.hp-graf .hp-txt{ fill:#F2F4F5; font:800 13px 'Archivo', sans-serif; } .hp-graf .hp-eje{ fill:#9AA3AB; font:600 11px 'Barlow', sans-serif; }
.hp-leyenda, .hp-nota{ color:#9AA3AB; font-size:14px; text-align:center; }
.hp-expl{ font-size:17px; line-height:1.45; } .hp-expl b{ color:#FFFFFF; }
.hp-rejilla{ display:grid; grid-template-columns:repeat(5, 1fr); gap:6px; }
.hp-cas{ display:flex; flex-direction:column; align-items:center; padding:8px 2px; border-radius:12px; background:#1B1E22; color:#7D868F; }
.hp-cas b{ font:800 16px 'Archivo', sans-serif; } .hp-cas small{ font-size:11px; }
.hp-cas.tarjeta{ background:#24282D; color:#F2F4F5; }
.hp-cas.cuenta{ background:#C6F24E; color:#111316; }
.hp-cas.salida.cuenta{ background:#3B4A1C; color:#E4F7B0; }
.hp-suma{ text-align:center; font-size:18px; padding:12px; border-radius:14px; background:#1B1E22; }
.hp-suma b{ color:#C6F24E; font:900 22px 'Archivo', sans-serif; }
.hp-objs{ display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.hp-obj{ display:flex; flex-direction:column; gap:2px; padding:14px 10px; border-radius:16px; background:#1B1E22; box-shadow:inset 0 0 0 2px #2C3137; text-align:center; }
.hp-obj b{ font:800 16px 'Archivo', sans-serif; } .hp-obj span{ color:#C6F24E; font-weight:700; font-size:16px; }
.hp-tarjetas{ display:flex; flex-direction:column; gap:6px; }
.hp-tj{ display:grid; grid-template-columns:1fr auto auto; gap:10px; align-items:center; padding:12px 14px; border-radius:14px; background:#1B1E22; font-size:16px; }
.hp-tj span:nth-child(2){ color:#9AA3AB; font-size:14px; } .hp-tj b{ font:800 18px 'Archivo', sans-serif; color:#C6F24E; }
.hp-como{ margin-top:6px; }
.hp-liga{ display:flex; flex-direction:column; gap:4px; }
.hp-lf{ display:grid; grid-template-columns:1fr 64px 84px; gap:6px; align-items:center; min-height:48px; padding:0 14px; border:0; border-radius:12px; background:#1B1E22; color:#F2F4F5; font:600 16px 'Barlow', sans-serif; text-align:left; }
.hp-lf span:nth-child(n+2){ text-align:right; } .hp-lf span:nth-child(2){ color:#7D868F; } .hp-lf span:nth-child(3){ font:800 17px 'Archivo', sans-serif; }
.hp-lcab{ min-height:30px; background:transparent; color:#9AA3AB; font-size:13px; text-transform:uppercase; letter-spacing:.08em; }
.hp-lcab span:nth-child(3){ font:600 13px 'Barlow', sans-serif; }
/* ---- Caddie protector: aviso al apuntar y botón de voz ---- */
.cp-aviso{ position:fixed; left:12px; right:12px; bottom:calc(env(safe-area-inset-bottom, 0px) + 14px); z-index:9000; display:flex; gap:10px; align-items:flex-start;
  padding:12px 14px 12px 8px; border-radius:20px; background:#1B1E22; box-shadow:0 10px 30px rgba(0,0,0,.55), inset 0 0 0 2px #C6F24E; color:#F2F4F5;
  transform:translateY(140%); opacity:0; transition:transform .35s ease, opacity .35s ease; max-width:560px; margin:0 auto; }
.cp-aviso.ver{ transform:translateY(0); opacity:1; }
.cp-aviso.cp-normal{ box-shadow:0 10px 30px rgba(0,0,0,.55), inset 0 0 0 2px #8FA0B0; }
.cp-aviso.cp-serio{ box-shadow:0 10px 30px rgba(0,0,0,.55), inset 0 0 0 2px #7FB6E3; }
.cp-aviso .ch-cara{ flex:0 0 auto; width:52px; height:60px; }
.cp-txt{ flex:1; min-width:0; font:500 17px/1.4 'Barlow', sans-serif; }
.cp-txt b{ display:block; font:900 12px 'Archivo', sans-serif; letter-spacing:.12em; text-transform:uppercase; color:#C6F24E; margin-bottom:3px; }
.cp-txt p{ margin:0 0 6px; } .cp-txt p:last-child{ margin-bottom:0; }
.cp-txt .cp-sig{ color:#C9D0D6; font-size:16px; border-top:1px solid #33383E; padding-top:6px; }
.ch-cab{ display:flex; align-items:center; justify-content:space-between; gap:8px; }
.ch-voz{ flex:0 0 auto; min-height:34px; padding:0 12px; border-radius:999px; border:1.5px solid #4A5058; background:transparent; color:#F2F4F5; font:700 13px 'Barlow', sans-serif; letter-spacing:0; text-transform:none; }
.ch-voz.on{ background:#C6F24E; color:#111316; border-color:#C6F24E; }
.cp-cerrar{ display:block; margin-top:6px; color:#7D868F; font-size:13px; }
html[data-tema="grafito"] .pr-r-linea b, html[data-tema="grafito"] .grp-centro b em{ color:#C6F24E !important; }

/* ===== Próximas salidas organizadas (convocatorias en la portada) ===== */
html[data-tema="grafito"] .conv-prox-h{ display:flex; align-items:center; gap:10px; margin:6px 2px 10px; color:#F2F4F5; font:900 15px 'Archivo', sans-serif; letter-spacing:.06em; text-transform:uppercase; }
html[data-tema="grafito"] .conv-prox-h svg.ico{ width:24px; height:24px; color:#C6F24E; flex:none; }
html[data-tema="grafito"] .conv-prox-h span{ flex:1; }
html[data-tema="grafito"] .conv-prox-h b{ min-width:26px; height:26px; border-radius:999px; background:#C6F24E; color:#111316; display:inline-flex; align-items:center; justify-content:center; font-size:14px; }
html[data-tema="grafito"] .home-ahora .conv-home-card.conv-prox,
html[data-tema="grafito"] .conv-home-card.conv-prox{ display:flex; gap:14px; align-items:stretch; margin:0 0 10px !important; padding:14px !important; border-radius:18px !important; background:#1B1E22 !important; border:1px solid #33383E; box-shadow:none !important; color:#F2F4F5; }
html[data-tema="grafito"] .conv-home-card.conv-prox.primera{ border:2px solid #C6F24E; }
html[data-tema="grafito"] .conv-prox-fecha{ align-self:center; min-height:92px; flex:0 0 66px; border-radius:14px; background:#24282D; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:8px 0; }
html[data-tema="grafito"] .primera .conv-prox-fecha{ background:#C6F24E; }
html[data-tema="grafito"] .conv-prox-fecha small{ font:800 12px 'Archivo', sans-serif; text-transform:uppercase; letter-spacing:.06em; color:#9AA3AB; }
html[data-tema="grafito"] .conv-prox-fecha b{ font:900 32px/1.05 'Archivo', sans-serif; color:#F2F4F5; }
html[data-tema="grafito"] .primera .conv-prox-fecha small, html[data-tema="grafito"] .primera .conv-prox-fecha b{ color:#111316; }
html[data-tema="grafito"] .conv-prox-info{ flex:1; min-width:0; display:flex; flex-direction:column; gap:3px; }
html[data-tema="grafito"] .conv-prox .conv-home-eyebrow{ font:800 12px 'Archivo', sans-serif; letter-spacing:.07em; text-transform:uppercase; color:#C6F24E !important; }
html[data-tema="grafito"] .conv-prox-campo{ font:900 19px/1.2 'Archivo', sans-serif; color:#F2F4F5; }
html[data-tema="grafito"] .conv-prox-horas{ font:600 15px 'Archivo', sans-serif; color:#9AA3AB; }
html[data-tema="grafito"] .conv-prox-pie{ display:flex; align-items:center; justify-content:space-between; gap:8px; margin-top:8px; flex-wrap:wrap; }
html[data-tema="grafito"] .conv-prox .conv-home-cta{ margin:0; padding:7px 14px; border-radius:999px; border:1.5px solid #C6F24E; color:#C6F24E !important; font:800 14px 'Archivo', sans-serif; }
html[data-tema="grafito"] .conv-prox .conv-home-cta.ok{ background:#C6F24E; color:#111316 !important; }
html[data-tema="grafito"] .conv-prox .conv-home-count{ background:transparent !important; padding:0 !important; color:#9AA3AB; font:700 13px 'Archivo', sans-serif; }
html[data-tema="grafito"] .conv-home-new{ border-radius:999px !important; background:transparent !important; border:1.5px solid #C6F24E !important; color:#C6F24E !important; font:800 15px 'Archivo', sans-serif !important; display:flex !important; align-items:center; justify-content:center; gap:8px; min-height:52px; }
html[data-tema="grafito"] .conv-home-new svg.ico{ width:20px; height:20px; }