/* skin-g7.css — Piel G7 (preview 2026-11-02): wallpaper "YOUR BEST VERSION",
   negro/carbón + rojo G7, títulos itálicos condensados. Solo estilos añadidos. */
:root{--g7-red:#E1251B;--g7-red-2:#B01A1D;--g7-red-rgb:225 37 27}
html[data-theme="dark"]{--skin-accent:#E1251B;--skin-accent-2:#B01A1D;--skin-accent-rgb:225 37 27;
 --primary-400:#ff4a3d;--primary-500:#E1251B;--primary-600:#B01A1D;--primary-rgb:225 37 27;--on-primary:#fff;
 --bg:#0a0a0b;--surface-1:#141416;--surface-2:#1c1c1f;--surface-3:#26262a;--border:#2a2a2e;--border-strong:#3a3a3f}
html[data-theme="dark"] body{--skin-hero:url("/assets/g7-wallpaper-clean.jpg");background:#060606}
html[data-theme="dark"] body::before{background-position:center top;filter:none;transform:none}
html[data-theme="dark"] body::after{background:
  linear-gradient(180deg,rgba(6,6,7,.80) 0%,rgba(6,6,7,.86) 40%,rgba(6,6,7,.94) 100%),
  repeating-linear-gradient(135deg,rgba(225,37,27,.05) 0 2px,transparent 2px 14px)}
/* Títulos deportivos */
h1,h2,h3,.welcome__hi,.profile__t{font-style:italic;font-weight:800!important;text-transform:uppercase;letter-spacing:.01em;font-stretch:condensed}
html[data-theme="dark"] header.hd h1{letter-spacing:.06em}
html[data-theme="dark"] h2{border-left:4px solid var(--g7-red);padding-left:10px;transform:skewX(-6deg);transform-origin:left}
/* Logo G7 en cabecera */
.hd img.g7logo{width:auto;height:34px;border-radius:0;box-shadow:none!important;filter:drop-shadow(0 2px 6px rgba(0,0,0,.6))}
/* Botones / acentos rojos */
html[data-theme="dark"] .btn--primary{background:linear-gradient(135deg,#E1251B,#B01A1D);color:#fff;border:0;font-weight:800;text-transform:uppercase;letter-spacing:.06em;font-style:italic}
html[data-theme="dark"] .qcard{border-color:rgba(225,37,27,.35);background:linear-gradient(150deg,rgba(225,37,27,.14),rgba(20,20,22,.9) 60%)}
html[data-theme="dark"] .welcome{border-color:rgba(225,37,27,.4);position:relative;overflow:hidden}
html[data-theme="dark"] nav.tabsbar{background:rgba(10,10,11,.96);border-top:2px solid var(--g7-red)}
/* Pantalla de activación con el póster completo */
#licgate.g7gate{background:#000 url("/assets/g7-wallpaper-clean.jpg") center top/cover no-repeat;align-items:flex-end;padding:16px 16px calc(22px + env(safe-area-inset-bottom))}
#licgate.g7gate::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 0%,transparent 45%,rgba(0,0,0,.75) 72%,rgba(0,0,0,.92) 100%);pointer-events:none}
#licgate.g7gate .licbox{position:relative;background:rgba(12,12,14,.72)!important;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(225,37,27,.45);border-top:3px solid #E1251B;border-radius:18px;color:#fff;padding:16px 16px 12px}
#licgate.g7gate .licbox img{width:auto;height:44px;display:block;margin:0 auto 4px}
#licgate.g7gate h2{color:#fff;margin:4px 0 6px;font-size:1.35rem;border:0;padding:0;transform:none}
#licgate.g7gate .muted{color:#d6d6d9;margin:0 0 10px}
#licgate.g7gate .input{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.22);color:#fff;border-radius:12px;text-align:center;letter-spacing:.12em}
#licgate.g7gate .input::placeholder{color:#a9a9ae}
#licgate.g7gate .btn--primary{background:linear-gradient(135deg,#E1251B,#B01A1D)!important;color:#fff!important;border:0;min-height:52px;border-radius:12px;font-weight:800;text-transform:uppercase;font-style:italic;letter-spacing:.06em}
#licgate.g7gate .pill{background:transparent;color:#fff;border-color:rgba(255,255,255,.35);margin-top:2px}
#licgate.g7gate .licerr{color:#ff7a70}
#licgate.g7gate{background-position:12% top;overflow:hidden}
body:has(#licgate.g7gate){overflow:hidden}
#licgate.g7gate .licerr{min-height:0;margin:6px 0}#licgate.g7gate .licerr:empty{margin:0}
#licgate.g7gate .licbox>*{margin-top:0}
html[data-theme="dark"] body,html[data-theme="dark"] body[data-tab]{--skin-hero:url("/assets/g7-wallpaper-clean.jpg")}
html[data-theme="dark"] .welcome.hero::after{background:linear-gradient(180deg,rgba(6,6,7,.35) 0%,rgba(6,6,7,.15) 35%,rgba(6,6,7,.85) 78%,rgba(6,6,7,.96) 100%),radial-gradient(90% 50% at 85% 8%,rgba(225,37,27,.32),transparent 62%)}
html[data-theme="dark"] .hero__tag{background:rgba(225,37,27,.18);border-color:rgba(225,37,27,.5)}
html[data-theme="dark"] .welcome.hero{border-color:rgba(225,37,27,.45);border-bottom:3px solid #E1251B}

/* ===== G7 v3 (Cursor 2026-11-02): fuente condensada local, hexágonos, franjas, reps ===== */
@font-face{font-family:"Oswald G7";src:url("/fonts/oswald-var.woff2") format("woff2");font-weight:200 700;font-display:swap}
:root{--font-cond:"Oswald G7","Arial Narrow",system-ui,sans-serif;--g7-stripes:repeating-linear-gradient(135deg,#E1251B 0 6px,transparent 6px 14px)}
h1,h2,h3,.welcome__hi,.profile__t,.btn,.morebtn span,nav.tabsbar button span,.qcard span,.hero__tag,.tdex{font-family:var(--font-cond);font-stretch:normal}
h1,h2,h3,.welcome__hi{font-weight:700!important;letter-spacing:.015em;line-height:1.05}
html[data-theme="dark"] h2{font-size:1.6rem}
html[data-theme="dark"] h2::after{content:"";display:block;width:46px;height:3px;background:#E1251B;margin-top:6px}
html[data-theme="dark"] .welcome__hi.hero__title{font-size:2.3rem;text-shadow:0 3px 18px rgba(0,0,0,.6)}
html[data-theme="dark"] .welcome__hi.hero__title::after{display:none}
html[data-theme="dark"] h2.hero__title{border:0;transform:none;padding:0}
/* Logo G7 */
.hd img.g7logo{height:30px}
html[data-theme="dark"] header.hd{background:rgba(8,8,9,.92);border-bottom:1px solid rgba(225,37,27,.35);position:sticky}
html[data-theme="dark"] header.hd h1{font-family:var(--font-cond);font-weight:600!important;font-size:1.15rem;letter-spacing:.12em;font-style:italic}
.hero__logo{height:26px;width:auto;display:block;filter:drop-shadow(0 2px 6px rgba(0,0,0,.7))}
/* Hexágonos rojos en íconos */
html[data-theme="dark"] .qcard svg,html[data-theme="dark"] .morebtn svg{box-sizing:content-box;padding:10px;width:24px!important;height:24px!important;color:#fff;
 background:linear-gradient(#141416,#141416) padding-box;position:relative;
 clip-path:polygon(25% 3%,75% 3%,100% 50%,75% 97%,25% 97%,0 50%);
 background:radial-gradient(circle,#1a1a1d 58%,transparent 59%),linear-gradient(135deg,#E1251B,#7d100c)}
html[data-theme="dark"] .qcard{border-radius:14px;border-left:3px solid #E1251B;background:linear-gradient(150deg,rgba(28,28,31,.92),rgba(12,12,14,.92));gap:8px}
html[data-theme="dark"] .qcard span{text-transform:uppercase;letter-spacing:.08em;font-weight:600;font-style:italic}
/* Tarjetas */
html[data-theme="dark"] .wcard,html[data-theme="dark"] .card{background:linear-gradient(160deg,rgba(26,26,29,.94),rgba(12,12,14,.94));border:1px solid #26262a;border-top:2px solid rgba(225,37,27,.7);border-radius:14px;position:relative}
html[data-theme="dark"] .wcard::before{content:"";position:absolute;top:0;right:0;width:54px;height:12px;background:var(--g7-stripes);opacity:.55;border-top-right-radius:14px;pointer-events:none}
html[data-theme="dark"] button.ex,html[data-theme="dark"] .ex{background:rgba(18,18,20,.92);border:1px solid #26262a;border-left:3px solid #E1251B;border-radius:12px}
html[data-theme="dark"] .ex img{border-radius:8px}
html[data-theme="dark"] .wline{border-bottom:1px solid #222226}
html[data-theme="dark"] .wline.cur{border-left:3px solid #E1251B;padding-left:8px;background:rgba(225,37,27,.08)}
html[data-theme="dark"] .pill{border-radius:8px;font-family:var(--font-cond);letter-spacing:.06em;text-transform:uppercase;font-weight:600}
html[data-theme="dark"] .pill[aria-pressed="true"],html[data-theme="dark"] .pill.on,html[data-theme="dark"] .pill[aria-current]{background:#E1251B;border-color:#E1251B;color:#fff}
html[data-theme="dark"] .btn--primary{border-radius:10px;clip-path:polygon(0 0,100% 0,100% 70%,96% 100%,0 100%)}
html[data-theme="dark"] details.wcard>summary{font-family:var(--font-cond);text-transform:uppercase;letter-spacing:.06em}
/* Barra inferior */
html[data-theme="dark"] nav.tabsbar button span{text-transform:uppercase;letter-spacing:.07em;font-size:.68rem;font-weight:600}
html[data-theme="dark"] nav.tabsbar button[aria-current]{color:#fff;position:relative}
html[data-theme="dark"] nav.tabsbar button[aria-current] svg{color:#E1251B}
html[data-theme="dark"] nav.tabsbar button[aria-current]::before{content:"";position:absolute;top:0;left:25%;right:25%;height:3px;background:#E1251B;transform:skewX(-20deg)}
/* Menú Más */
html[data-theme="dark"] .moresheet{background:linear-gradient(170deg,#18181b,#0b0b0c);border-top:3px solid #E1251B}
html[data-theme="dark"] .morebtn{background:rgba(255,255,255,.03);border:1px solid #26262a;border-radius:12px}
html[data-theme="dark"] .morebtn span{text-transform:uppercase;letter-spacing:.06em;font-style:italic;font-weight:600;font-size:.78rem}
/* Repeticiones (.sxr) — chip sesgado condensado, sin cambiar datos */
.sxr{font-family:var(--font-cond)!important;font-style:italic;font-weight:600!important;letter-spacing:.04em!important;font-variant-numeric:tabular-nums}
html[data-theme="dark"] .sxr{display:inline-block;color:#fff!important;background:linear-gradient(90deg,rgba(225,37,27,.22),rgba(28,28,31,.95) 70%)!important;
 border:0!important;border-left:3px solid #E1251B!important;border-radius:3px!important;padding:2px 10px 2px 8px!important;transform:skewX(-8deg);font-size:1rem!important;text-shadow:none!important;box-shadow:none!important}
html[data-theme="light"] .sxr{color:#B01A1D!important;border-left:3px solid #E1251B;border-radius:3px}
/* Tendon Training */
.tdcard .vid{width:100%;aspect-ratio:16/9;border:0;border-radius:10px;background:#000;display:block}
.tdnovid{aspect-ratio:16/9;display:grid;place-items:center;border-radius:10px;color:#bbb;font-family:var(--font-cond);letter-spacing:.1em;text-transform:uppercase;
 background:repeating-linear-gradient(135deg,rgba(225,37,27,.12) 0 10px,transparent 10px 22px),#111}
.tdex{background:#E1251B;color:#fff;font-size:.7rem;padding:2px 8px;border-radius:3px;letter-spacing:.1em;font-style:italic;font-weight:600}
.tdsteps{margin:6px 0 0;padding-left:20px;color:var(--text-2,#cfcfd3)}
/* Entrada: logo real en lugar del incrustado */
#licgate.g7gate .g7gate__mark{position:absolute;top:calc(3.6% + env(safe-area-inset-top));left:6.5%;height:50px;width:auto;z-index:2;filter:drop-shadow(0 3px 10px rgba(0,0,0,.6))}
#licgate.g7gate .licbox img{height:40px}
#licgate.g7gate h2::after{display:none}
/* Admin */
html[data-theme="dark"] body:not(:has(nav.tabsbar)) h2{transform:none}
#theme,#lang{font-family:system-ui,-apple-system,sans-serif!important;font-style:normal!important}
html[data-theme="dark"] body::after{background:linear-gradient(180deg,rgba(6,6,7,.90) 0%,rgba(6,6,7,.93) 40%,rgba(6,6,7,.97) 100%),repeating-linear-gradient(135deg,rgba(225,37,27,.05) 0 2px,transparent 2px 14px)!important}
html[data-theme="dark"] .morebtn span{text-align:left}
html[data-theme="dark"] .btn--primary{background:linear-gradient(135deg,#E1251B,#B01A1D)!important;color:#fff!important}
.g7i{display:inline-block;vertical-align:-.15em;color:#E1251B;flex:none}
button .g7i,.pill .g7i{color:inherit}
h2 .g7i,h3 .g7i{margin-right:4px}
/* Hero de inicio: los dos atletas juntos (recorte del póster sin textos) */
html[data-theme="dark"] .welcome.hero::before{background-image:url("/assets/hero-duo.jpg")!important;background-size:cover!important;background-position:90% 10%!important}
/* Entrada: póster completo encajado arriba (hombre y mujer enteros) y tarjeta compacta abajo */
#licgate.g7gate{--gh:calc(100dvh - 228px);background:#050506 url("/assets/g7-wallpaper-clean.jpg") center top/auto var(--gh) no-repeat!important;padding:0 14px calc(12px + env(safe-area-inset-bottom))!important;align-items:flex-end}
#licgate.g7gate::before{background:linear-gradient(180deg,transparent 0,transparent calc(var(--gh) - 70px),#050506 var(--gh))!important}
#licgate.g7gate .g7gate__mark{top:calc(var(--gh) * .033);left:calc(50% - var(--gh) * .5625 / 2 + var(--gh) * .5625 * .055);height:calc(var(--gh) * .05)}
#licgate.g7gate .licbox{padding:10px 14px 8px!important}
#licgate.g7gate .licbox>img{display:none}
#licgate.g7gate h2{font-size:1.15rem!important;margin:0 0 2px!important}
#licgate.g7gate .muted{font-size:.82rem;margin:0 0 8px!important;line-height:1.3}
#licgate.g7gate .btn--primary{min-height:46px!important}
#licgate.g7gate .input{min-height:44px}
#licgate.g7gate #liclang{position:absolute;top:8px;right:10px;margin:0;min-height:28px;padding:2px 8px}
#licgate.g7gate h2{padding-right:40px!important}
/* charcoal 2026-11-08: misma foto que tema negro; solo afecta html[data-theme="charcoal"] */
html[data-theme="charcoal"] body{--skin-hero:url("/assets/g7-wallpaper-clean.jpg")}
html[data-theme="charcoal"] body::before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background-image:var(--skin-hero);background-size:cover;background-position:center top;background-repeat:no-repeat}
html[data-theme="charcoal"] body::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,rgba(43,45,49,.88) 0%,rgba(43,45,49,.90) 40%,rgba(43,45,49,.96) 100%)}