:root{color-scheme:dark;--fondo:#151515;--panel:#252120;--filo:#5c2b22;--rubi:#ff2800;--luz:#ff9d7a;--texto:#f5ece7;--suave:#c9beb8;--oro:#c5a676;font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:var(--texto);background:var(--fondo);line-height:1.5}*{box-sizing:border-box}body{margin:0}a{color:inherit}button,input{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer;color:inherit;border:1px solid var(--filo);border-radius:12px;padding:10px 14px;background:var(--panel);min-height:44px}button:hover{border-color:var(--luz)}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--luz);outline-offset:4px}[hidden]{display:none!important}.skip{position:absolute;left:16px;top:-80px;background:var(--texto);color:var(--fondo);padding:12px;z-index:20}.skip:focus{top:10px}.cabecera{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:88px;border-bottom:1px solid var(--filo);padding:16px 28px;background:#1d1b1a}.marca{display:flex;gap:12px;align-items:center;text-decoration:none;font-size:20px;font-weight:750}.marca small{display:block;font-size:11px;font-weight:500;color:var(--suave);letter-spacing:.16em}.sello{display:grid;place-items:center;width:44px;height:44px;border-radius:15px;color:#fff5ed;font-weight:800;font-size:28px;background:linear-gradient(145deg,#ff583b,#b31c00);box-shadow:inset 0 1px 0 #ffb09b,0 6px 20px #08040780}.casas{display:flex;gap:8px;flex-wrap:wrap}.casas a{display:flex;align-items:center;justify-content:center;text-decoration:none;padding:8px 14px;min-height:44px;border:1px solid #49302c;border-radius:10px;color:var(--suave)}.casas [aria-current]{color:#ffd8ca;border-color:var(--rubi);background:#7f250050}.estado{margin:0;text-align:center;color:var(--suave);font-size:12px;padding:8px 14px;background:#111111}.estructura{display:grid;grid-template-columns:224px minmax(0,1fr);max-width:1600px;margin:auto}.lateral{padding:30px 20px;border-right:1px solid var(--filo)}.ceja{font-size:11px;text-transform:uppercase;letter-spacing:.16em;color:var(--luz);font-weight:700;margin:0 0 12px}.lateral nav{display:grid;gap:7px}.lateral nav a{text-decoration:none;display:block;padding:12px;border-radius:10px;min-height:48px;color:var(--suave)}.lateral nav a:hover,.lateral nav a[aria-current]{background:#6b321d70;color:#fff0e3}.ismael{text-align:center;border-top:1px solid var(--filo);margin-top:34px;padding-top:30px}.ismael h2{font-size:16px;margin:12px 0 4px}.ismael p{font-size:13px;margin:4px 0;color:var(--suave)}.orbe{position:relative;display:inline-grid;place-items:center;width:82px;height:82px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffe8c1,#ffa075 16%,#d72a00 45%,#551900 78%);box-shadow:0 0 30px #ff280040,inset 0 0 15px #ffdcbd90;border:1px solid #eb7b59}.orbe:after{content:'';position:absolute;inset:12px -9px;border-radius:50%;border:1px solid var(--oro);transform:rotate(-25deg)}.orbe i{width:12px;height:12px;border-radius:50%;background:#ffe7ce;box-shadow:0 0 22px #fff0e0}.volver{display:block;margin-top:30px;font-size:12px;color:var(--suave);padding:12px 0}main{padding:44px clamp(22px,4vw,64px) 20px;min-width:0}h1{font-family:Georgia,serif;font-size:clamp(30px,3.3vw,48px);font-weight:500;line-height:1.1;margin:0 0 18px}h2{font-size:18px;line-height:1.3}p{color:var(--suave)}.saludo{display:grid;grid-template-columns:1fr 200px;align-items:center;gap:32px}.saludo p{margin-bottom:0}.retrato{height:170px;overflow:hidden;border-radius:24px;background:radial-gradient(ellipse at center,#6e2c1a,#252120);display:grid;place-items:center}.retrato img{width:100%;height:100%;object-fit:contain}.retrato>div{text-align:center;font-size:12px;color:var(--suave)}.grande{margin:0 auto 10px;width:70px;height:70px;font-size:46px}.conversacion{margin:30px 0;padding:20px 22px;background:linear-gradient(110deg,#3d271e,#262120);border:1px solid #9b4128;border-radius:18px;box-shadow:0 12px 28px #09040830}.conversacion label,.terminal label{font-size:13px;font-weight:700;display:block;margin-bottom:12px}.entrada{display:flex;align-items:center;gap:10px}.entrada input{min-width:0;flex:1;border:0;border-radius:10px;color:var(--texto);background:#171413;padding:13px 14px;min-height:48px}.entrada button,.portada button{background:#dc2400;border-color:#ff7855;font-weight:650}.conversacion p{font-size:12px;margin:12px 0 0}.seccion-titulo{display:flex;justify-content:space-between;align-items:center;gap:12px}.seccion-titulo span{font-size:11px;color:var(--suave)}.tarjetas{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.tarjeta{text-align:left;display:flex;flex-direction:column;gap:8px;padding:18px 16px;min-height:172px;background:linear-gradient(140deg,#302724,#242120)}.tarjeta strong{font-size:15px}.tarjeta>span:last-child{font-size:12px;color:var(--suave);line-height:1.5}.icono{font-size:24px;color:#ff9d7a;height:34px}.panel-pasos{margin-top:24px;padding:24px;border:1px solid var(--filo);border-radius:18px;background:var(--panel)}.panel-pasos ol{list-style:none;padding:0;counter-reset:pasos;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.panel-pasos li{counter-increment:pasos;border:1px solid var(--filo);padding:16px;border-radius:12px;font-size:14px}.panel-pasos li:before{content:counter(pasos);display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--rubi);margin-bottom:12px}.pequeno{font-size:12px;color:var(--suave)}footer{border-top:1px solid var(--filo);margin-top:44px;padding-top:18px;display:flex;justify-content:space-between;gap:14px;font-size:11px;color:var(--suave)}.ide{display:grid;grid-template-columns:150px minmax(0,1fr) 185px;margin-top:28px;border:1px solid var(--filo);border-radius:16px;overflow:hidden;background:#232120}.ide>*{padding:20px}.ide aside{background:#1d1b1a}.ide h2{font-size:13px;color:var(--luz);margin-top:0}.ide p{font-size:12px}.ide article{border-inline:1px solid var(--filo)}.paso{display:flex;gap:12px;font-size:13px;align-items:center;margin:18px 0}.paso b{background:#90351b;border-radius:50%;width:28px;height:28px;display:grid;place-items:center;flex-shrink:0}pre{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8;color:#dbc9bd;font-size:13px}code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.terminal{margin:30px 0;border:1px solid #8c3a21;border-radius:16px;background:#131211;box-shadow:0 20px 50px #0d0b0970;padding:24px}.terminal-cab{display:flex;justify-content:space-between;gap:16px;color:var(--luz);font-size:12px;border-bottom:1px solid var(--filo);padding-bottom:16px}.terminal pre{min-height:230px}.terminal .entrada{font-family:ui-monospace,monospace}.revista-cab{display:flex;align-items:center;justify-content:space-between;border-bottom:3px solid var(--rubi);gap:20px}.revista-cab h1{font-style:italic;font-size:62px}.revista-cab span{font-size:11px;color:var(--suave)}.revista{display:grid;grid-template-columns:1.3fr 1fr;gap:20px;margin-top:30px}.portada{padding:34px;background:radial-gradient(ellipse at 100% 0,#db4b1750,transparent 70%),#35251f;border:1px solid #8c3a21;border-radius:16px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.portada h2{font-family:Georgia,serif;font-size:34px;font-weight:500}.etiqueta{font-size:10px;text-transform:uppercase;letter-spacing:.15em;color:var(--luz);font-weight:700}.piezas{display:grid;gap:14px}.piezas article{border-bottom:1px solid var(--filo);padding:12px 0}.piezas h2{font-size:17px;margin:8px 0}.piezas p{font-size:13px}dialog{background:var(--panel);color:var(--texto);border:1px solid var(--filo);border-radius:20px;max-width:480px;width:calc(100% - 36px);padding:26px}dialog::backdrop{background:#080808ba}.dialogo-cab{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:18px}dialog label{display:flex;gap:12px;align-items:center;margin:18px 0;min-height:44px}dialog p{font-size:13px}.letra-grande{font-size:19px}.letra-grande .tarjeta strong{font-size:18px}.letra-grande .tarjeta>span:last-child{font-size:15px}.letra-grande p{line-height:1.7}@media(max-width:1100px){.casas{gap:4px}.casas a{padding:8px 10px}.tarjetas{grid-template-columns:repeat(2,minmax(0,1fr))}.ide{grid-template-columns:120px 1fr}.ide>aside:last-child{grid-column:1/-1;border-top:1px solid var(--filo)}.revista{grid-template-columns:1fr}}@media(max-width:760px){.cabecera{padding:14px 16px;gap:12px;flex-wrap:wrap}.marca{flex:1}.casas{order:3;flex-basis:100%;justify-content:space-between}.casas a{flex:1;font-size:12px;padding:8px}.estructura{grid-template-columns:1fr}.lateral{padding:12px 16px;border-right:0;border-bottom:1px solid var(--filo)}.lateral>.ceja,.ismael,.volver{display:none}.lateral nav{display:flex;gap:4px;overflow-x:auto}.lateral nav a{font-size:12px;white-space:nowrap;padding:12px 10px}.saludo{grid-template-columns:1fr 100px;gap:16px}.retrato{height:120px}.retrato>div>span:last-child{display:none}.grande{width:56px;height:56px;font-size:36px;margin:0}main{padding:28px 16px 18px}.entrada{flex-wrap:wrap}.entrada input{flex-basis:70%}.conversacion .entrada button{width:100%}.tarjeta{padding:16px;min-height:160px}.seccion-titulo{display:block}.seccion-titulo span{display:block;margin-bottom:16px}.panel-pasos ol{grid-template-columns:1fr}.ide{grid-template-columns:1fr}.ide article{border:0;border-block:1px solid var(--filo)}.ide>aside:first-child{display:none}.revista-cab h1{font-size:46px}.portada{padding:24px}.portada h2{font-size:28px}footer{display:block}footer a{display:block;margin-top:10px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* Emblema C8L canónico: misma geometría y transparencia, solo recolor. */
.emblema{width:44px;height:44px;object-fit:contain;filter:url(#gema-rojo-ferrari);flex-shrink:0}.emblema.grande{display:block;width:70px;height:70px;margin:0 auto 10px}@media(max-width:760px){.emblema.grande{width:56px;height:56px;margin:0}}
/* Conexiones y revista: preferencias explícitas, estados y acciones grandes. */
.conectores{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:28px}.conectores article{border:1px solid var(--filo);border-radius:16px;padding:22px;background:var(--panel);display:flex;flex-direction:column;align-items:flex-start}.conectores h2{margin:0}.conectores p{font-size:13px;flex:1}.conectores button{margin-top:18px}.bandeja{display:grid;grid-template-columns:230px minmax(0,1fr);border:1px solid var(--filo);border-radius:16px;overflow:hidden;margin-top:28px}.bandeja>aside,.bandeja>article{padding:24px}.bandeja>aside{background:#201d1b;border-right:1px solid var(--filo)}.bandeja label{display:block;margin:18px 0 8px;font-size:13px}.bandeja textarea,.bandeja select{display:block;width:100%;font:inherit;color:var(--texto);background:#171413;border:1px solid var(--filo);border-radius:10px;padding:12px;min-height:44px}.bandeja button{margin-top:16px}.preferencias{margin-top:24px;border:1px solid var(--filo);border-radius:14px;padding:18px;background:var(--panel)}.preferencias summary{cursor:pointer;font-weight:700;min-height:44px}.preferencias fieldset{border:0;padding:0;margin:10px 0 16px;display:flex;flex-wrap:wrap;gap:12px}.preferencias legend{font-size:12px;color:var(--suave);margin-bottom:12px}.preferencias label{display:flex;gap:8px;align-items:center;min-height:44px;font-size:13px}.preferencias input[type=range]{display:block;accent-color:var(--rubi);width:100%;margin:14px 0}.preferencias input[type=checkbox],dialog input[type=checkbox]{accent-color:var(--rubi);width:18px;height:18px}.actualizacion{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:20px;border:1px solid var(--filo);padding:16px;border-radius:12px;font-size:12px}.actualizacion span{color:var(--suave)}.noticia{padding:18px 0;border-bottom:1px solid var(--filo)}.noticia h3{font-family:Georgia,serif;font-size:21px;font-weight:500}.acciones-noticia{display:flex;flex-wrap:wrap;gap:8px}.acciones-noticia button{font-size:11px;padding:9px;min-height:44px}.motivo{padding:12px;background:#3e251c;border-left:3px solid var(--rubi);font-size:12px}@media(max-width:1100px){.conectores{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.conectores,.bandeja{grid-template-columns:1fr}.bandeja>aside{border-right:0;border-bottom:1px solid var(--filo)}.preferencias fieldset{gap:8px}.acciones-noticia button{flex:1}.revista-cab span{max-width:90px}}
.temas-personas{border-top:1px solid var(--filo);margin-top:22px;padding-top:18px}.temas-personas h3{font-size:15px}.temas-personas ul{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:10px}.temas-personas li{display:flex;align-items:center;gap:6px;border:1px solid var(--filo);border-radius:12px;padding:5px 7px 5px 12px;max-width:100%;overflow-wrap:anywhere}.temas-personas li span{font-size:13px;min-width:0}.temas-personas li button{font-size:11px;padding:8px}.acciones-preferencias{display:flex;gap:10px;flex-wrap:wrap}@media(max-width:760px){.temas-personas .entrada input{flex-basis:100%}.temas-personas .entrada button{flex:1}.temas-personas li{width:100%}.temas-personas li span{flex:1}}

.enlace-colmena{border:1px solid var(--filo);border-radius:16px;padding:20px;margin-top:24px;background:var(--panel)}.enlace-colmena p{font-size:13px}.enlace-colmena label{display:block;margin-top:16px;font-size:13px}.enlace-colmena select{font:inherit;background:#171413;color:var(--texto);border:1px solid var(--filo);padding:12px;border-radius:10px;max-width:100%;margin-top:8px}.miembro-colmena{display:inline-block;border:1px solid var(--filo);padding:8px 10px;border-radius:20px;font-size:12px;margin:4px}#respuesta{white-space:pre-wrap}

/* Ferrari red controls also cover dialogs, editors, and the light magazine. */
:root {
  --control-thumb: #ff2800;
  --control-hover: #ff603d;
  --control-active: #e02200;
  --control-track: #260c0f;
  --control-edge: #8d3022;
}

/* Shared scroll and slider controls: visible, dark, and keyboard accessible. */
*, *::before, *::after {
  scrollbar-color: var(--control-thumb) var(--control-track);
  scrollbar-width: auto;
}
*::-webkit-scrollbar {
  display: block;
  width: 14px;
  height: 14px;
  background: var(--control-track);
}
*::-webkit-scrollbar-track,
*::-webkit-scrollbar-corner,
*::-webkit-resizer {
  background: var(--control-track);
}
*::-webkit-scrollbar-thumb {
  min-width: 32px;
  min-height: 32px;
  border: 1px solid var(--control-track);
  border-radius: 12px;
  background: var(--control-thumb);
}
*::-webkit-scrollbar-thumb:hover { background: var(--control-hover); }
*::-webkit-scrollbar-thumb:active { background: var(--control-active); }
*::-webkit-scrollbar-button {
  width: 14px;
  height: 14px;
  background-color: var(--control-track);
  color: var(--control-thumb);
}
input[type="range"] {
  appearance: none;
  -webkit-appearance: none;
  accent-color: var(--control-thumb);
  background: transparent;
  color: var(--control-thumb);
  border: 0;
  border-radius: 0;
  padding: 0;
  min-height: 44px;
  cursor: pointer;
}
input[type="range"]::-webkit-slider-runnable-track {
  height: 12px;
  border: 1px solid var(--control-edge);
  border-radius: 12px;
  background: var(--control-track);
}
input[type="range"]::-webkit-slider-thumb {
  appearance: none;
  -webkit-appearance: none;
  width: 24px;
  height: 24px;
  margin-top: -7px;
  border: 2px solid var(--control-edge);
  border-radius: 50%;
  background: var(--control-thumb);
  box-shadow: 0 2px 6px #0006;
}
input[type="range"]::-moz-range-track {
  height: 10px;
  border: 1px solid var(--control-edge);
  border-radius: 12px;
  background: var(--control-track);
}
input[type="range"]::-moz-range-progress {
  height: 10px;
  border-radius: 12px;
  background: var(--control-thumb);
}
input[type="range"]::-moz-range-thumb {
  width: 20px;
  height: 20px;
  border: 2px solid var(--control-edge);
  border-radius: 50%;
  background: var(--control-thumb);
  box-shadow: 0 2px 6px #0006;
}
input[type="range"]:hover::-webkit-slider-thumb { background: var(--control-hover); }
input[type="range"]:hover::-moz-range-thumb { background: var(--control-hover); }
input[type="range"]:active::-webkit-slider-thumb { background: var(--control-active); }
input[type="range"]:active::-moz-range-thumb { background: var(--control-active); }
input[type="range"]:focus-visible { outline: 3px solid var(--control-hover); outline-offset: 3px; }
input[type="range"]:disabled { cursor: not-allowed; opacity: .6; }
[data-slot="slider-track"] {
  background: var(--control-track);
  border: 1px solid var(--control-edge);
}
[data-slot="slider-range"] { background: var(--control-thumb); }
[data-slot="slider-thumb"] {
  width: 24px;
  height: 24px;
  background: var(--control-thumb);
  border: 2px solid var(--control-edge);
}
[data-slot="slider-thumb"]:hover { background: var(--control-hover); }
[data-slot="slider-thumb"]:focus-visible { outline: 3px solid var(--control-hover); outline-offset: 3px; }
video, audio {
  color-scheme: dark;
  accent-color: var(--control-thumb);
}
/* Native media controls expose only these limited Chromium hooks. */
video::-webkit-media-controls-enclosure,
audio::-webkit-media-controls-enclosure { background: var(--control-track); }
video::-webkit-media-controls-panel,
audio::-webkit-media-controls-panel {
  background: linear-gradient(transparent, var(--control-track));
  color: var(--control-thumb);
}
video::-webkit-media-controls-timeline,
video::-webkit-media-controls-volume-slider,
audio::-webkit-media-controls-timeline,
audio::-webkit-media-controls-volume-slider {
  accent-color: var(--control-thumb);
  background-color: var(--control-track);
  border-radius: 12px;
}

/* Radix scroll areas and sliders use real DOM controls, not browser chrome. */
[data-slot="scroll-area-scrollbar"] {
  background: var(--control-track);
  border-color: var(--control-track);
}
[data-slot="scroll-area-scrollbar"][data-orientation="vertical"] { width: 14px; }
[data-slot="scroll-area-scrollbar"][data-orientation="horizontal"] { height: 14px; }
[data-slot="scroll-area-thumb"] {
  min-width: 12px;
  min-height: 12px;
  background: var(--control-thumb);
}
[data-slot="scroll-area-thumb"]:hover { background: var(--control-hover); }
[data-slot="slider"][data-orientation="horizontal"] { min-height: 44px; }
[data-slot="slider"][data-orientation="vertical"] { min-width: 44px; }