/* TRAZA · Comunidad — la casa de la comunidad. Siempre en oscuro, con la paleta de «La idea de las 9». */
:root {
  --fondo: #0b0c09; --fondo2: #10110d; --tarjeta: #14150f; --tarjeta2: #1a1b14; --linea: rgba(244,246,236,.09); --linea2: rgba(244,246,236,.16);
  --tinta: #f4f6ec; --tinta2: #c9cbbf; --apagado: #8e9085; --verde: #d7f64a; --verde2: rgba(215,246,74,.14); --oro: #f1c65d; --oro2: rgba(241,198,93,.14);
  --serif: "Newsreader", Georgia, serif; --grot: "Bricolage Grotesque", "Inter", Arial, sans-serif; --sans: "Inter", Arial, sans-serif;
  --radio: 20px; --sombra: 0 24px 60px -24px rgba(0,0,0,.8);
  color-scheme: dark;
}
* { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }
body { background: var(--fondo); color: var(--tinta); font: 400 15px/1.55 var(--sans); min-height: 100svh; overflow-x: hidden; }
body::before { content: ""; position: fixed; inset: 0; pointer-events: none; z-index: 0;
  background: radial-gradient(60% 40% at 15% -5%, rgba(215,246,74,.10), transparent 70%), radial-gradient(50% 35% at 100% 10%, rgba(241,198,93,.07), transparent 70%), radial-gradient(70% 50% at 50% 110%, rgba(215,246,74,.05), transparent 70%); }
body::after { content: ""; position: fixed; inset: -50%; pointer-events: none; z-index: 100; opacity: .05;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>"); }
a { color: inherit; text-decoration: none; }
button { font: inherit; color: inherit; background: none; border: 0; cursor: pointer; }
img { display: block; max-width: 100%; }
::selection { background: var(--verde); color: var(--fondo); }
:focus-visible { outline: 2px solid var(--verde); outline-offset: 3px; border-radius: 8px; }

/* ——— Estructura ——— */
.cab { position: sticky; top: 0; z-index: 40; display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 14px clamp(16px, 4vw, 40px);
  background: rgba(11,12,9,.72); backdrop-filter: blur(16px) saturate(140%); -webkit-backdrop-filter: blur(16px) saturate(140%); border-bottom: 1px solid var(--linea); }
.marca { display: flex; align-items: center; gap: 11px; }
.marca i { width: 36px; height: 36px; border-radius: 50%; background: url(/logo.png) center/118% no-repeat; box-shadow: 0 0 18px rgba(215,246,74,.25); flex: none; }
.marca b { font: 800 15px var(--grot); letter-spacing: .3em; }
.marca small { display: block; font: 600 10px var(--sans); letter-spacing: .22em; color: var(--apagado); text-transform: uppercase; margin-top: -1px; }
.menu { display: flex; gap: 4px; }
.menu a { display: flex; align-items: center; gap: 8px; padding: 9px 14px; border-radius: 99px; font: 600 14px var(--sans); color: var(--tinta2); transition: .25s; }
.menu a:hover { color: var(--tinta); background: rgba(244,246,236,.05); }
.menu a.activo { color: var(--fondo); background: var(--verde); }
.menu svg { width: 18px; height: 18px; }
.yo { display: flex; align-items: center; gap: 10px; padding: 6px 6px 6px 14px; border-radius: 99px; border: 1px solid var(--linea2); font: 600 13px var(--sans); transition: .25s; }
.yo:hover { border-color: var(--verde); }
main { position: relative; z-index: 1; width: min(1180px, 100%); margin: 0 auto; padding: clamp(22px, 4vw, 44px) clamp(16px, 4vw, 40px) 140px; }
.tabs { display: none; }
@media (max-width: 860px) {
  .menu { display: none; }
  .yo > span:first-child { display: none; }
  .yo { padding: 4px; }
  .tabs { position: fixed; z-index: 50; left: 12px; right: 12px; bottom: max(12px, env(safe-area-inset-bottom)); display: grid; grid-template-columns: repeat(5, 1fr);
    padding: 7px; border-radius: 22px; background: rgba(20,21,15,.86); backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); border: 1px solid var(--linea2); box-shadow: var(--sombra); }
  .tabs a { display: flex; flex-direction: column; align-items: center; gap: 3px; padding: 7px 0 5px; border-radius: 15px; font: 600 10.5px var(--sans); color: var(--apagado); transition: .25s; }
  .tabs a svg { width: 21px; height: 21px; }
  .tabs a.activo { color: var(--fondo); background: var(--verde); }
}

/* ——— Piezas comunes ——— */
.entra { animation: entra .6s cubic-bezier(.16,1,.3,1) both; }
@keyframes entra { from { opacity: 0; transform: translateY(16px); filter: blur(6px); } }
.aparece { opacity: 0; transform: translateY(22px); transition: opacity .7s cubic-bezier(.16,1,.3,1), transform .7s cubic-bezier(.16,1,.3,1); }
.aparece.visto { opacity: 1; transform: none; }
.eti { font: 700 11px var(--sans); letter-spacing: .26em; text-transform: uppercase; color: var(--oro); }
.titulo { font: 800 clamp(34px, 6vw, 62px)/1 var(--grot); letter-spacing: -.04em; margin: 10px 0 12px; }
.titulo em { font-family: var(--serif); font-style: italic; font-weight: 500; color: var(--verde); letter-spacing: -.02em; }
.sub { color: var(--tinta2); font-size: 16.5px; max-width: 620px; }
.cabecera { margin-bottom: 28px; }
.h2 { font: 800 clamp(22px, 3vw, 28px)/1.1 var(--grot); letter-spacing: -.03em; display: flex; align-items: baseline; gap: 12px; flex-wrap: wrap; }
.h2 small { font: 500 14px var(--sans); color: var(--apagado); letter-spacing: 0; }
.seccion { margin-top: 48px; }
.seccion > .h2 { margin-bottom: 18px; }
.tarjeta { background: linear-gradient(180deg, var(--tarjeta2), var(--tarjeta)); border: 1px solid var(--linea); border-radius: var(--radio); }
.chips { display: flex; gap: 8px; overflow-x: auto; padding: 2px 2px 8px; scrollbar-width: none; margin: 0 -2px; }
.chips::-webkit-scrollbar { display: none; }
.chip { flex: none; display: inline-flex; align-items: center; gap: 8px; padding: 8px 15px; border-radius: 99px; border: 1px solid var(--linea2); font: 600 13px var(--sans); color: var(--tinta2); white-space: nowrap; transition: .2s; }
.chip:hover { border-color: var(--tinta2); color: var(--tinta); }
.chip.activo { background: var(--tinta); color: var(--fondo); border-color: var(--tinta); }
.chip i { width: 9px; height: 9px; border-radius: 50%; }
.segmento { display: inline-flex; padding: 4px; border-radius: 99px; background: var(--tarjeta); border: 1px solid var(--linea); margin-bottom: 22px; }
.segmento button { padding: 9px 18px; border-radius: 99px; font: 600 14px var(--sans); color: var(--tinta2); transition: .25s; }
.segmento button.activo { background: var(--verde); color: var(--fondo); }
.buscar { position: relative; flex: 1; min-width: 200px; max-width: 360px; }
.buscar input { width: 100%; padding: 12px 16px 12px 42px; border-radius: 99px; border: 1px solid var(--linea2); background: var(--tarjeta); color: var(--tinta); font: 500 14px var(--sans); outline: none; transition: .2s; }
.buscar input:focus { border-color: var(--verde); }
.buscar svg { position: absolute; left: 15px; top: 50%; transform: translateY(-50%); width: 17px; color: var(--apagado); }
.barra { display: flex; gap: 14px; align-items: center; flex-wrap: wrap; margin-bottom: 18px; }
.boton { display: inline-flex; align-items: center; justify-content: center; gap: 10px; padding: 14px 24px; border-radius: 99px; background: var(--verde); color: var(--fondo); font: 700 15px var(--sans); box-shadow: 0 0 40px -6px rgba(215,246,74,.45); transition: .25s; }
.boton:hover { transform: translateY(-2px); box-shadow: 0 0 50px -4px rgba(215,246,74,.6); }
.boton.sec { background: transparent; color: var(--tinta); border: 1px solid var(--linea2); box-shadow: none; }
.boton.sec:hover { border-color: var(--tinta2); }
.boton svg { width: 18px; height: 18px; }
.vacio { padding: 40px 24px; text-align: center; color: var(--apagado); border: 1px dashed var(--linea2); border-radius: var(--radio); }
.aviso { display: flex; gap: 12px; align-items: center; padding: 12px 16px; border-radius: 14px; background: var(--oro2); border: 1px solid rgba(241,198,93,.3); color: var(--oro); font: 600 13px/1.4 var(--sans); margin-bottom: 22px; }
.cita { font: italic 500 clamp(22px, 3vw, 30px)/1.25 var(--serif); letter-spacing: -.01em; }
.cita::before { content: "«"; color: var(--verde); }
.cita::after { content: "»"; color: var(--verde); }
.meta { font: 500 13px var(--sans); color: var(--apagado); }
.punto { display: inline-block; width: 3px; height: 3px; border-radius: 50%; background: currentColor; vertical-align: middle; margin: 0 8px; opacity: .6; }

/* Avatares de miembro: inicial con degradado propio */
.avatar { --t: 80; flex: none; width: 46px; height: 46px; border-radius: 50%; display: grid; place-items: center; font: 800 18px var(--grot); color: var(--fondo);
  background: conic-gradient(from calc(var(--t) * 1deg), hsl(var(--t) 85% 70%), hsl(calc(var(--t) + 60) 75% 62%), hsl(var(--t) 85% 70%)); box-shadow: inset 0 0 0 2px rgba(11,12,9,.25); }
.retrato { flex: none; width: 46px; height: 46px; border-radius: 50%; object-fit: cover; filter: grayscale(.25) contrast(1.05); background: var(--tarjeta2); }
.mono { flex: none; width: 46px; height: 46px; border-radius: 50%; display: grid; place-items: center; font: italic 500 20px var(--serif); color: var(--oro); background: var(--oro2); border: 1px solid rgba(241,198,93,.25); }

/* ——— Puerta ——— */
.puerta { position: fixed; inset: 0; z-index: 200; display: grid; place-items: center; padding: 24px; background: radial-gradient(60% 45% at 50% 30%, rgba(215,246,74,.12), transparent 70%), var(--fondo); }
.puerta .caja { width: min(420px, 100%); text-align: center; }
.puerta .logo { width: 84px; height: 84px; margin: 0 auto 22px; border-radius: 50%; background: url(/logo.png) center/118% no-repeat; box-shadow: 0 0 60px rgba(215,246,74,.35); animation: late 3s ease-in-out infinite; }
@keyframes late { 50% { box-shadow: 0 0 90px rgba(215,246,74,.5); } }
.puerta h1 { font: italic 500 36px/1.1 var(--serif); margin-bottom: 10px; }
.puerta p { color: var(--tinta2); margin-bottom: 26px; }
.puerta form { display: flex; gap: 8px; padding: 6px; border-radius: 99px; border: 1px solid var(--linea2); background: var(--tarjeta); }
.puerta input { flex: 1; min-width: 0; padding: 0 16px; border: 0; background: none; color: var(--tinta); font: 600 16px var(--sans); outline: none; }
.puerta .error { color: #ff8a7a; font-size: 13px; min-height: 20px; margin-top: 12px; }
.puerta .temblor { animation: temblor .4s; }
@keyframes temblor { 20%, 60% { transform: translateX(-8px); } 40%, 80% { transform: translateX(8px); } }

/* ——— Inicio ——— */
.portada { display: grid; grid-template-columns: 1.15fr .85fr; gap: 26px; align-items: stretch; }
@media (max-width: 860px) { .portada { grid-template-columns: 1fr; } }
.hola { padding: clamp(26px, 4vw, 44px); position: relative; overflow: hidden; }
.hola::after { content: ""; position: absolute; right: -120px; top: -120px; width: 340px; height: 340px; border-radius: 50%; background: radial-gradient(circle, rgba(215,246,74,.16), transparent 70%); }
.hola .titulo { font-size: clamp(36px, 5.4vw, 58px); }
.cifras { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; margin-top: 30px; }
@media (max-width: 560px) { .cifras { grid-template-columns: repeat(2, 1fr); } }
.cifra { padding: 14px 16px; border-radius: 16px; background: rgba(244,246,236,.035); border: 1px solid var(--linea); transition: .25s; }
.cifra:hover { border-color: var(--linea2); transform: translateY(-2px); }
.cifra b { display: block; font: 800 30px/1 var(--grot); letter-spacing: -.04em; font-variant-numeric: tabular-nums; }
.cifra span { font: 500 12.5px var(--sans); color: var(--apagado); }
.hoy { padding: 26px; display: flex; flex-direction: column; justify-content: space-between; gap: 22px; position: relative; overflow: hidden; }
.hoy .pild { align-self: flex-start; padding: 7px 14px; border-radius: 99px; background: var(--verde); color: var(--fondo); font: 800 11px var(--sans); letter-spacing: .2em; }
.hoy .quien { display: flex; align-items: center; gap: 14px; }
.hoy .quien .retrato, .hoy .quien .mono { width: 58px; height: 58px; box-shadow: 0 0 0 2px var(--verde); }
.hoy .quien b { font: 800 18px var(--grot); display: block; }
.accesos { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }
@media (max-width: 860px) { .accesos { grid-template-columns: repeat(2, 1fr); } }
.acceso { position: relative; overflow: hidden; padding: 22px 20px 20px; min-height: 170px; display: flex; flex-direction: column; justify-content: flex-end; transition: .35s cubic-bezier(.16,1,.3,1); }
.acceso:hover { transform: translateY(-4px); border-color: var(--linea2); }
.acceso .ico { position: absolute; top: 18px; left: 20px; width: 42px; height: 42px; border-radius: 13px; display: grid; place-items: center; background: var(--verde2); color: var(--verde); }
.acceso .ico svg { width: 22px; height: 22px; }
.acceso b { font: 800 19px var(--grot); letter-spacing: -.02em; }
.acceso span { font-size: 13px; color: var(--apagado); }
.acceso .fle { position: absolute; top: 20px; right: 18px; color: var(--apagado); transition: .3s; }
.acceso:hover .fle { color: var(--verde); transform: translate(3px, -3px); }
.lo-ultimo { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
@media (max-width: 860px) { .lo-ultimo { grid-template-columns: 1fr; } }
.dicho { padding: 20px; display: flex; flex-direction: column; gap: 14px; }
.dicho p { font: italic 500 19px/1.35 var(--serif); }
.dicho .pie { display: flex; align-items: center; gap: 10px; }
.dicho .pie .avatar, .dicho .pie .mono { width: 32px; height: 32px; font-size: 14px; }
.invita { margin-top: 48px; padding: clamp(24px, 4vw, 40px); display: flex; align-items: center; justify-content: space-between; gap: 24px; flex-wrap: wrap;
  background: radial-gradient(80% 120% at 0% 0%, rgba(215,246,74,.16), transparent 60%), linear-gradient(180deg, var(--tarjeta2), var(--tarjeta)); }
.invita h3 { font: 800 clamp(22px, 3vw, 30px)/1.1 var(--grot); letter-spacing: -.03em; margin-bottom: 6px; }

/* ——— Biblioteca ——— */
.estanteria { margin-top: 10px; }
.balda { margin-bottom: 34px; }
.balda .rotulo { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; margin-bottom: 4px; padding: 0 4px; }
.balda .rotulo b { font: 800 19px var(--grot); letter-spacing: -.02em; display: flex; align-items: center; gap: 10px; }
.balda .rotulo b i { width: 10px; height: 10px; border-radius: 3px; }
.balda .rotulo span { font: italic 500 15px var(--serif); color: var(--apagado); }
.fila { background: linear-gradient(180deg, transparent 30%, rgba(255,220,150,.035)); border-radius: 8px 8px 0 0; display: flex; align-items: flex-end; gap: 6px; overflow-x: auto; overflow-y: visible; padding: 34px 18px 0; min-height: 300px; scrollbar-width: thin; scrollbar-color: #333 transparent; perspective: 1400px; }
.madera { height: 18px; margin-top: -2px; border-radius: 4px; background: linear-gradient(180deg, #2a2418, #16130c); box-shadow: 0 18px 30px -10px rgba(0,0,0,.9), inset 0 1px 0 rgba(255,220,150,.12); position: relative; }
.madera::after { content: ""; position: absolute; left: 0; right: 0; top: 100%; height: 40px; background: radial-gradient(60% 100% at 50% 0%, rgba(0,0,0,.55), transparent); }
.lomo { --c: #333; --h: 240px; --w: 46px; flex: none; position: relative; height: var(--h); width: var(--w); border-radius: 3px 3px 2px 2px; cursor: pointer;
  background: linear-gradient(90deg, rgba(0,0,0,.35) 0%, rgba(255,255,255,.08) 18%, rgba(255,255,255,.02) 45%, rgba(0,0,0,.25) 100%), var(--c);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.05), 3px 0 8px -2px rgba(0,0,0,.6); transform-origin: bottom center; transition: transform .45s cubic-bezier(.16,1,.3,1), box-shadow .45s, filter .3s;
  display: flex; flex-direction: column; align-items: center; justify-content: space-between; padding: 16px 0 36px; }
.lomo::before, .lomo::after { content: ""; position: absolute; left: 4px; right: 4px; height: 2px; background: rgba(241,198,93,.55); }
.lomo::before { top: 8px; } .lomo::after { bottom: 28px; }
.lomo .tit { writing-mode: vertical-rl; transform: rotate(180deg); font: 700 13px/1.1 var(--grot); color: #f6e7bf; letter-spacing: .01em; max-height: calc(var(--h) - 70px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-shadow: 0 1px 0 rgba(0,0,0,.5); }
.lomo .aut { font: 700 8.5px var(--sans); letter-spacing: .14em; color: rgba(246,231,191,.6); text-transform: uppercase; writing-mode: vertical-rl; transform: rotate(180deg); max-height: 70px; overflow: hidden; white-space: nowrap; }
.lomo .sello { position: absolute; top: -8px; right: -6px; width: 20px; height: 20px; border-radius: 50%; background: var(--verde); color: var(--fondo); display: grid; place-items: center; font: 800 10px var(--sans); box-shadow: 0 0 12px rgba(215,246,74,.5); z-index: 2; }
.lomo .rec { position: absolute; left: 50%; bottom: 8px; transform: translateX(-50%); width: 14px; height: 14px; border-radius: 50%; background: url(/logo.png) center/120%; opacity: .85; }
.lomo.inclinado { transform: rotate(-4deg) translateX(-4px); margin-right: 8px; }
.lomo:hover, .lomo:focus-visible { transform: translateY(-26px) rotateY(-18deg); box-shadow: 0 30px 40px -10px rgba(0,0,0,.9), 0 0 0 1px rgba(241,198,93,.4), 0 0 40px -8px rgba(241,198,93,.35); z-index: 3; outline: none; }
.fila:hover .lomo:not(:hover) { filter: brightness(.7); }
.leyenda { display: flex; gap: 18px; flex-wrap: wrap; font: 500 12.5px var(--sans); color: var(--apagado); margin-bottom: 18px; }
.leyenda span { display: inline-flex; align-items: center; gap: 7px; }
.leyenda .s { width: 16px; height: 16px; border-radius: 50%; background: var(--verde); color: var(--fondo); display: grid; place-items: center; font: 800 9px var(--sans); }
.leyenda .r { width: 16px; height: 16px; border-radius: 50%; background: url(/logo.png) center/120%; }

/* Libro abierto */
.velo { position: fixed; inset: 0; z-index: 150; background: rgba(5,6,4,.72); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); display: grid; place-items: center; padding: 20px; animation: velo .3s both; overflow-y: auto; }
@keyframes velo { from { opacity: 0; } }
.libro { width: min(940px, 100%); display: grid; grid-template-columns: 300px 1fr; gap: 0; overflow: hidden; animation: abre .6s cubic-bezier(.16,1,.3,1) both; max-height: calc(100svh - 40px); }
@keyframes abre { from { opacity: 0; transform: perspective(1400px) rotateY(-20deg) scale(.92); } }
@media (max-width: 760px) { .libro { grid-template-columns: 1fr; max-height: none; } }
.portadilla { --c: #333; position: relative; padding: 34px 28px; display: flex; flex-direction: column; justify-content: space-between; min-height: 380px;
  background: linear-gradient(135deg, rgba(255,255,255,.1), transparent 45%), linear-gradient(90deg, rgba(0,0,0,.4), transparent 8%), var(--c); }
@media (max-width: 760px) { .portadilla { min-height: 250px; } }
.portadilla::before { content: ""; position: absolute; inset: 14px; border: 1px solid rgba(241,198,93,.4); border-radius: 4px; pointer-events: none; }
.portadilla .area { font: 700 10px var(--sans); letter-spacing: .24em; text-transform: uppercase; color: rgba(246,231,191,.75); }
.portadilla h3 { font: italic 500 34px/1.05 var(--serif); color: #f6e7bf; letter-spacing: -.01em; text-shadow: 0 2px 20px rgba(0,0,0,.4); }
.portadilla .au { font: 700 12px var(--sans); letter-spacing: .16em; text-transform: uppercase; color: rgba(246,231,191,.8); }
.paginas { padding: 30px clamp(20px, 3vw, 34px); overflow-y: auto; position: relative; }
.cerrar { position: absolute; top: 16px; right: 16px; width: 40px; height: 40px; border-radius: 50%; display: grid; place-items: center; background: rgba(244,246,236,.06); z-index: 3; transition: .2s; }
.cerrar:hover { background: rgba(244,246,236,.14); transform: rotate(90deg); }
.paginas h2 { font: 800 30px/1.05 var(--grot); letter-spacing: -.03em; margin: 8px 50px 6px 0; }
.paginas .por { color: var(--tinta2); font-size: 16px; margin: 18px 0 6px; }
.dato { margin-top: 14px; padding: 14px 16px; border-radius: 14px; background: var(--oro2); color: var(--oro); font: 500 14px/1.45 var(--sans); }
.linea-tiempo { margin-top: 24px; display: flex; flex-direction: column; gap: 0; }
.linea-tiempo .h { font: 700 11px var(--sans); letter-spacing: .24em; text-transform: uppercase; color: var(--verde); margin-bottom: 12px; }
.mom { display: grid; grid-template-columns: 34px 1fr; gap: 12px; padding-bottom: 18px; position: relative; }
.mom::before { content: ""; position: absolute; left: 16px; top: 36px; bottom: 2px; width: 1px; background: var(--linea2); }
.mom:last-child::before { display: none; }
.mom .avatar, .mom .mono { width: 34px; height: 34px; font-size: 14px; }
.mom .t { font: italic 500 17.5px/1.4 var(--serif); }
.acciones { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 18px; }
.acciones .boton { padding: 11px 18px; font-size: 14px; }

/* ——— Ideas ——— */
.rejilla { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 14px; }
.idea9 { padding: 22px; display: flex; flex-direction: column; gap: 16px; position: relative; overflow: hidden; transition: .35s cubic-bezier(.16,1,.3,1); cursor: pointer; }
.idea9:hover { transform: translateY(-3px); border-color: var(--linea2); }
.idea9 .dia { display: flex; justify-content: space-between; align-items: center; }
.idea9 .dia b { font: 800 13px var(--grot); color: var(--verde); }
.idea9 .dia b span { color: var(--apagado); font-weight: 600; }
.idea9 p { font: italic 500 20px/1.32 var(--serif); }
.idea9 .quien { display: flex; align-items: center; gap: 11px; margin-top: auto; }
.idea9 .quien .retrato, .idea9 .quien .mono { width: 38px; height: 38px; font-size: 16px; }
.idea9 .quien b { font: 700 14px var(--sans); display: block; }
.idea9 .mas { display: none; padding-top: 12px; border-top: 1px solid var(--linea); color: var(--tinta2); font-size: 14px; }
.idea9.abierta .mas { display: block; animation: entra .4s both; }
.idea9.hoy { border-color: rgba(215,246,74,.4); box-shadow: 0 0 0 1px rgba(215,246,74,.15), 0 0 60px -20px rgba(215,246,74,.4); }
.columnas { columns: 3 300px; column-gap: 14px; }
.refle { break-inside: avoid; margin-bottom: 14px; padding: 22px; }
.refle p { font: italic 500 20px/1.35 var(--serif); margin: 12px 0 16px; }
.refle .area { display: inline-flex; align-items: center; gap: 7px; font: 700 10.5px var(--sans); letter-spacing: .18em; text-transform: uppercase; color: var(--apagado); }
.refle .area i { width: 8px; height: 8px; border-radius: 2px; }
.refle .pie { display: flex; align-items: center; gap: 10px; }
.refle .pie .avatar, .refle .pie .mono { width: 30px; height: 30px; font-size: 13px; }

/* ——— Autores ——— */
.podio-autores { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin-bottom: 14px; }
@media (max-width: 760px) { .podio-autores { grid-template-columns: 1fr; } }
.autor-g { position: relative; overflow: hidden; min-height: 300px; padding: 22px; display: flex; flex-direction: column; justify-content: flex-end; transition: .4s cubic-bezier(.16,1,.3,1); }
.autor-g:hover { transform: translateY(-4px); }
.autor-g img, .autor-g .fondo-mono { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: grayscale(1) contrast(1.15) brightness(.75); transition: transform .8s cubic-bezier(.16,1,.3,1), filter .5s; }
.autor-g .fondo-mono { display: grid; place-items: center; font: italic 500 140px var(--serif); color: rgba(241,198,93,.2); background: radial-gradient(circle at 50% 35%, rgba(241,198,93,.12), transparent 60%), var(--tarjeta2); filter: none; }
.autor-g:hover img { transform: scale(1.06); filter: grayscale(.3) contrast(1.1) brightness(.8); }
.autor-g::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 30%, rgba(11,12,9,.95) 92%); }
.autor-g > * { position: relative; z-index: 1; }
.autor-g .pos { position: absolute; top: 16px; left: 18px; z-index: 2; font: 800 44px/1 var(--grot); color: var(--verde); letter-spacing: -.05em; text-shadow: 0 4px 20px rgba(0,0,0,.6); }
.autor-g b { font: 800 24px/1.05 var(--grot); letter-spacing: -.03em; }
.autor-g .meta { margin-top: 4px; color: var(--tinta2); }
.autores { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 10px; }
.autor-p { display: flex; align-items: center; gap: 14px; padding: 14px 16px; transition: .25s; }
.autor-p:hover { border-color: var(--linea2); transform: translateX(3px); }
.autor-p .n { font: 800 14px var(--grot); color: var(--apagado); width: 22px; text-align: right; flex: none; }
.autor-p b { font: 700 15px var(--sans); display: block; line-height: 1.25; }
.ficha-autor { display: grid; grid-template-columns: 340px 1fr; gap: 28px; align-items: start; }
@media (max-width: 860px) { .ficha-autor { grid-template-columns: 1fr; } }
.ficha-autor .foto { position: sticky; top: 90px; overflow: hidden; aspect-ratio: 4/5; }
.ficha-autor .foto img { width: 100%; height: 100%; object-fit: cover; filter: grayscale(.4) contrast(1.08); }
.ficha-autor .foto .fondo-mono { width: 100%; height: 100%; display: grid; place-items: center; font: italic 500 160px var(--serif); color: rgba(241,198,93,.25); background: radial-gradient(circle at 50% 35%, rgba(241,198,93,.14), transparent 60%), var(--tarjeta2); }
.ficha-autor .foto small { position: absolute; left: 12px; right: 12px; bottom: 10px; font-size: 10.5px; color: rgba(244,246,236,.6); text-shadow: 0 1px 4px #000; }
@media (max-width: 860px) { .ficha-autor .foto { position: relative; top: 0; aspect-ratio: 16/11; } }
.lista-frases { display: flex; flex-direction: column; gap: 12px; }
.lista-frases .tarjeta { padding: 20px 22px; }
.lista-frases p { font: italic 500 21px/1.35 var(--serif); margin-bottom: 8px; }
.mini-libros { display: flex; gap: 10px; flex-wrap: wrap; }
.mini { --c: #333; display: flex; align-items: center; gap: 12px; padding: 10px 16px 10px 10px; border-radius: 14px; background: var(--tarjeta); border: 1px solid var(--linea); transition: .25s; text-align: left; }
.mini:hover { border-color: var(--linea2); transform: translateY(-2px); }
.mini i { width: 12px; height: 42px; border-radius: 2px; background: linear-gradient(90deg, rgba(0,0,0,.3), rgba(255,255,255,.1), rgba(0,0,0,.2)), var(--c); box-shadow: inset 0 0 0 1px rgba(241,198,93,.25); }
.mini b { font: 700 14px var(--sans); display: block; }
.enlaces { display: flex; gap: 10px; flex-wrap: wrap; }

/* ——— Miembros ——— */
.miembros { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 14px; }
.miembro { padding: 20px; display: flex; flex-direction: column; gap: 16px; transition: .35s cubic-bezier(.16,1,.3,1); position: relative; overflow: hidden; }
.miembro:hover { transform: translateY(-4px); border-color: var(--linea2); }
.miembro::before { content: ""; position: absolute; top: -60px; right: -60px; width: 160px; height: 160px; border-radius: 50%; background: radial-gradient(circle, hsla(var(--t), 80%, 65%, .14), transparent 70%); }
.miembro .arriba { display: flex; align-items: center; gap: 13px; }
.miembro .arriba .avatar { width: 52px; height: 52px; font-size: 21px; }
.miembro .arriba b { font: 800 19px var(--grot); letter-spacing: -.02em; display: block; }
.miembro .lee { font: 500 13.5px var(--sans); color: var(--tinta2); display: flex; gap: 9px; align-items: flex-start; }
.miembro .lee svg { width: 16px; height: 16px; flex: none; color: var(--verde); margin-top: 2px; }
.miembro .frase { font: italic 500 17px/1.35 var(--serif); color: var(--tinta); border-left: 2px solid var(--verde); padding-left: 12px; }
.nivel { display: inline-flex; align-items: center; gap: 6px; padding: 4px 10px; border-radius: 99px; font: 700 11px var(--sans); letter-spacing: .06em; background: var(--verde2); color: var(--verde); white-space: nowrap; }
.nivel.oro { background: var(--oro2); color: var(--oro); }
.ejemplo { font: 700 9.5px var(--sans); letter-spacing: .14em; text-transform: uppercase; color: var(--oro); border: 1px solid rgba(241,198,93,.4); padding: 2px 7px; border-radius: 99px; }

/* Top tier */
.podio { display: grid; grid-template-columns: 1fr 1.12fr 1fr; gap: 14px; align-items: end; margin: 10px 0 26px; }
@media (max-width: 640px) { .podio { gap: 8px; } }
.escalon { text-align: center; display: flex; flex-direction: column; align-items: center; gap: 10px; cursor: pointer; }
.escalon .avatar { width: 64px; height: 64px; font-size: 26px; }
.escalon.p1 .avatar { width: 88px; height: 88px; font-size: 34px; box-shadow: 0 0 0 3px var(--oro), 0 0 50px rgba(241,198,93,.45); }
.escalon b { font: 800 16px var(--grot); }
.escalon .pts { font: 600 12.5px var(--sans); color: var(--apagado); }
.peana { width: 100%; border-radius: 16px 16px 6px 6px; display: grid; place-items: center; font: 800 46px var(--grot); letter-spacing: -.05em; color: rgba(244,246,236,.12);
  background: linear-gradient(180deg, var(--tarjeta2), var(--tarjeta)); border: 1px solid var(--linea); animation: sube 1s cubic-bezier(.16,1,.3,1) both; transform-origin: bottom; }
@keyframes sube { from { transform: scaleY(.1); opacity: 0; } }
.p1 .peana { height: 150px; color: rgba(241,198,93,.5); border-color: rgba(241,198,93,.35); background: linear-gradient(180deg, rgba(241,198,93,.16), var(--tarjeta)); }
.p2 .peana { height: 110px; animation-delay: .1s; } .p3 .peana { height: 82px; animation-delay: .2s; }
@media (max-width: 640px) { .p1 .peana { height: 110px; } .p2 .peana { height: 80px; } .p3 .peana { height: 60px; } .escalon b { font-size: 14px; } }
.ranking { display: flex; flex-direction: column; gap: 8px; }
.puesto { display: grid; grid-template-columns: 34px 44px 1fr auto; align-items: center; gap: 14px; padding: 12px 16px; cursor: pointer; transition: .25s; }
.puesto:hover { border-color: var(--linea2); transform: translateX(3px); }
.puesto .n { font: 800 16px var(--grot); color: var(--apagado); text-align: center; }
.puesto .avatar { width: 44px; height: 44px; font-size: 18px; }
.puesto b { font: 700 15px var(--sans); }
.medidor { height: 6px; border-radius: 99px; background: rgba(244,246,236,.07); margin-top: 7px; overflow: hidden; }
.medidor i { display: block; height: 100%; border-radius: 99px; background: var(--verde); width: 0; transition: width 1.2s cubic-bezier(.16,1,.3,1); }
.puesto .pts { font: 800 18px var(--grot); font-variant-numeric: tabular-nums; text-align: right; }
.puesto .pts small { display: block; font: 500 11px var(--sans); color: var(--apagado); }
details.como { margin-top: 22px; padding: 16px 20px; }
details.como summary { cursor: pointer; font: 700 14px var(--sans); color: var(--tinta2); list-style: none; display: flex; align-items: center; gap: 8px; }
details.como summary::before { content: "＋"; color: var(--verde); }
details.como[open] summary::before { content: "－"; }
details.como ul { margin: 12px 0 0 18px; color: var(--tinta2); font-size: 14px; display: grid; gap: 6px; }

/* Perfil */
.perfil-cab { padding: clamp(24px, 4vw, 38px); display: grid; grid-template-columns: auto 1fr auto; gap: 24px; align-items: center; position: relative; overflow: hidden; }
.perfil-cab::before { content: ""; position: absolute; inset: 0; background: radial-gradient(60% 120% at 0% 0%, hsla(var(--t), 80%, 60%, .16), transparent 60%); }
.perfil-cab > * { position: relative; }
.perfil-cab .avatar { width: 108px; height: 108px; font-size: 44px; }
.perfil-cab h1 { font: 800 clamp(34px, 5vw, 52px)/1 var(--grot); letter-spacing: -.04em; display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
@media (max-width: 700px) { .perfil-cab { grid-template-columns: auto 1fr; } .perfil-cab .redes { grid-column: 1 / -1; } .perfil-cab .avatar { width: 80px; height: 80px; font-size: 32px; } }
.redes { display: flex; gap: 10px; }
.red { width: 46px; height: 46px; border-radius: 14px; display: grid; place-items: center; border: 1px solid var(--linea2); transition: .25s; }
.red:hover { border-color: var(--verde); color: var(--verde); transform: translateY(-2px); }
.red svg { width: 20px; height: 20px; }
.perfil-frase { padding: clamp(24px, 4vw, 38px); margin-top: 14px; text-align: center; }
.perfil-frase .cita { font-size: clamp(24px, 3.4vw, 36px); max-width: 820px; margin: 0 auto; display: block; }
.tablero { display: grid; grid-template-columns: 300px 1fr; gap: 14px; margin-top: 14px; }
@media (max-width: 860px) { .tablero { grid-template-columns: 1fr; } }
.anillo { padding: 26px; display: flex; flex-direction: column; align-items: center; text-align: center; gap: 12px; }
.anillo svg { width: 190px; height: 190px; transform: rotate(-90deg); }
.anillo .dentro { margin-top: -158px; height: 126px; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.anillo .dentro b { font: 800 46px/1 var(--grot); letter-spacing: -.05em; font-variant-numeric: tabular-nums; }
.anillo .dentro span { font: 600 11px var(--sans); letter-spacing: .2em; color: var(--apagado); text-transform: uppercase; }
.anillo .sig { font-size: 13px; color: var(--apagado); }
.stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
@media (max-width: 640px) { .stats { grid-template-columns: 1fr; } }
.stat { padding: 20px; display: flex; flex-direction: column; gap: 6px; }
.stat .ico { width: 38px; height: 38px; border-radius: 12px; display: grid; place-items: center; background: var(--verde2); color: var(--verde); margin-bottom: 6px; }
.stat .ico svg { width: 20px; height: 20px; }
.stat b { font: 800 36px/1 var(--grot); letter-spacing: -.04em; font-variant-numeric: tabular-nums; }
.stat .q { font: 700 14px var(--sans); }
.stat .d { font-size: 12.5px; color: var(--apagado); }
.stat .medidor { margin-top: 10px; }
.stat .pos { font: 600 12px var(--sans); color: var(--tinta2); margin-top: 6px; }
.lecturas { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin-top: 14px; }
@media (max-width: 760px) { .lecturas { grid-template-columns: 1fr; } }
.lectura { padding: 20px; display: flex; gap: 14px; align-items: flex-start; }
.lectura .mini-lomo { width: 16px; height: 62px; border-radius: 2px; flex: none; background: linear-gradient(90deg, rgba(0,0,0,.3), rgba(255,255,255,.12), rgba(0,0,0,.2)), var(--c, #3a3a33); box-shadow: inset 0 0 0 1px rgba(241,198,93,.3); }
.lectura .eti { font-size: 10px; color: var(--apagado); }
.lectura b { font: 700 16px/1.3 var(--sans); display: block; margin-top: 4px; }
.lectura a b:hover { color: var(--verde); }
.insignias { display: flex; gap: 10px; flex-wrap: wrap; }
.insignia { display: flex; align-items: center; gap: 10px; padding: 10px 16px 10px 10px; border-radius: 99px; border: 1px solid var(--linea2); font: 600 13px var(--sans); }
.insignia i { width: 30px; height: 30px; border-radius: 50%; display: grid; place-items: center; font-style: normal; font-size: 15px; background: var(--oro2); }
.insignia.no { opacity: .35; border-style: dashed; }

/* Mi ficha */
.formulario { display: grid; grid-template-columns: 1fr 360px; gap: 26px; align-items: start; }
@media (max-width: 900px) { .formulario { grid-template-columns: 1fr; } .formulario .vista { order: -1; } }
.campos { padding: clamp(20px, 3vw, 30px); display: grid; gap: 16px; }
.campo { display: grid; gap: 7px; }
.campo label { font: 700 13px var(--sans); color: var(--tinta2); }
.campo label small { font-weight: 500; color: var(--apagado); }
.campo input, .campo select, .campo textarea { width: 100%; padding: 13px 15px; border-radius: 14px; border: 1px solid var(--linea2); background: rgba(244,246,236,.03); color: var(--tinta); font: 500 15px var(--sans); outline: none; transition: .2s; resize: vertical; }
.campo input:focus, .campo select:focus, .campo textarea:focus { border-color: var(--verde); background: rgba(215,246,74,.04); }
.campo select option { background: var(--fondo); }
.dos { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
@media (max-width: 560px) { .dos { grid-template-columns: 1fr; } }
.acepto { display: flex; gap: 12px; align-items: flex-start; font-size: 13.5px; color: var(--tinta2); cursor: pointer; }
.acepto input { width: 20px; height: 20px; accent-color: var(--verde); flex: none; margin-top: 1px; }
.formulario .vista { position: sticky; top: 90px; }
.formulario .vista .eti { margin-bottom: 10px; display: block; }

/* Celebración */
.confeti { position: fixed; inset: 0; pointer-events: none; z-index: 300; overflow: hidden; }
.confeti i { position: absolute; top: -20px; width: 8px; height: 14px; border-radius: 2px; animation: cae linear forwards; }
@keyframes cae { to { transform: translateY(110vh) rotate(720deg); } }
.toast { position: fixed; left: 50%; bottom: 110px; transform: translateX(-50%); z-index: 260; padding: 14px 22px; border-radius: 99px; background: var(--tinta); color: var(--fondo); font: 700 14px var(--sans); box-shadow: var(--sombra); animation: entra .4s both; }
.pie-web { margin-top: 70px; padding-top: 26px; border-top: 1px solid var(--linea); display: flex; justify-content: space-between; gap: 20px; flex-wrap: wrap; color: var(--apagado); font-size: 13px; }
.pie-web em { font: italic 500 16px var(--serif); color: var(--tinta2); }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation: none !important; transition: none !important; } .aparece { opacity: 1; transform: none; } }
.enlace-autor { color: var(--tinta); border-bottom: 1px dashed var(--linea2); transition: .2s; } .enlace-autor:hover { color: var(--verde); border-color: var(--verde); }

/* ——— Minimalismo práctico (16-10-2026): cada pantalla se explica sola ——— */
.titulo-sec { font: 800 clamp(30px, 5vw, 44px)/1 var(--grot); letter-spacing: -.04em; margin: 4px 0 20px; display: flex; align-items: baseline; gap: 12px; }
.titulo-sec small { font: 600 14px var(--sans); color: var(--apagado); letter-spacing: 0; padding: 4px 10px; border-radius: 99px; background: var(--verde2); color: var(--verde); }
.hola-nombre { font: 800 22px var(--grot); letter-spacing: -.02em; margin-bottom: 14px; }
.hoy { min-height: 0; padding: clamp(22px, 4vw, 34px); gap: 20px; }
.hoy .cita { font-size: clamp(24px, 3.6vw, 34px); max-width: 860px; }
.atajos { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin-top: 14px; }
@media (max-width: 640px) { .atajos { grid-template-columns: repeat(2, 1fr); } }
.atajo { padding: 18px; display: grid; grid-template-columns: auto 1fr; grid-template-rows: auto auto; column-gap: 12px; align-items: center; transition: .3s cubic-bezier(.16,1,.3,1); }
.atajo:hover, .atajo:active { transform: translateY(-3px); border-color: rgba(215,246,74,.35); }
.atajo .ico { grid-row: 1 / 3; width: 46px; height: 46px; border-radius: 14px; display: grid; place-items: center; background: var(--verde2); color: var(--verde); }
.atajo .ico svg { width: 23px; height: 23px; }
.atajo b { font: 800 17px var(--grot); letter-spacing: -.02em; }
.atajo .n { font: 600 13px var(--sans); color: var(--apagado); font-variant-numeric: tabular-nums; }
.dicho { color: inherit; transition: .25s; }
a.dicho:hover { border-color: var(--linea2); transform: translateY(-2px); }
.invita { display: flex; align-items: center; gap: 16px; padding: 18px 22px; margin-top: 28px; transition: .25s; }
.invita:hover { border-color: rgba(215,246,74,.4); }
.invita h3 { font-size: 20px; margin: 0; }
.invita .fle { margin-left: auto; color: var(--verde); }
.pista { display: inline-flex; padding: 8px 16px; border-radius: 99px; background: var(--verde); color: var(--fondo); font: 700 13px var(--sans); margin: 4px 0 6px; animation: pista 1.6s ease-in-out infinite; }
@keyframes pista { 50% { transform: translateY(-3px); box-shadow: 0 8px 24px -6px rgba(215,246,74,.6); } }
.abre { width: 26px; height: 26px; border-radius: 50%; display: grid; place-items: center; border: 1px solid var(--linea2); color: var(--apagado); font-size: 14px; transition: .25s; }
.idea9:hover .abre { border-color: var(--verde); color: var(--verde); }
.idea9.abierta .abre { transform: rotate(45deg); }
.vacio-cta { display: flex; flex-direction: column; align-items: center; gap: 14px; padding: 40px 20px; text-align: center; margin-top: 10px; }
.vacio-cta b { font: 800 20px var(--grot); }
@media (max-width: 860px) {
  .yo > span:first-child { display: inline; }
  .yo { padding: 5px 5px 5px 12px; font-size: 12.5px; }
}
@media (max-width: 900px) { .formulario .vista { display: none; } }

/* ——— 21-10-2026 · Eventos, intro de cada sección, pie con enlaces, «Muy pronto» ——— */
@media (max-width: 860px) { .tabs { grid-template-columns: repeat(6, 1fr); } .tabs a { font-size: 9.6px; letter-spacing: -.01em; } }
@media (min-width: 861px) and (max-width: 1120px) { .menu a span { display: none; } .menu a { padding: 10px 12px; } }
.intro-sec { color: var(--tinta2); font-size: 15.5px; margin: -10px 0 22px; max-width: 620px; }
.pie-web nav { display: flex; gap: 18px; flex-wrap: wrap; }
.pie-web nav a { color: var(--tinta2); font-weight: 600; }
.pie-web nav a:hover { color: var(--verde); }
.puerta h1 em { font-style: italic; color: var(--verde); }
.puerta .acciones .boton { padding: 13px 20px; }

.estado-ev { display: inline-flex; align-items: center; gap: 8px; padding: 6px 12px; border-radius: 99px; font: 700 11px var(--sans); letter-spacing: .16em; text-transform: uppercase; border: 1px solid var(--linea2); color: var(--tinta2); }
.estado-ev::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: currentColor; }
.estado-ev.abierta { color: var(--verde); border-color: rgba(215,246,74,.45); background: var(--verde2); }
.estado-ev.abierta::before { animation: late 1.6s ease-in-out infinite; box-shadow: 0 0 10px var(--verde); }
.estado-ev.pronto { color: var(--oro); border-color: rgba(241,198,93,.45); background: var(--oro2); }

.banner-ev { display: grid; grid-template-columns: auto 1fr auto; gap: 18px; align-items: center; padding: 18px 20px; margin-top: 16px; border-color: rgba(241,198,93,.35);
  background: linear-gradient(120deg, rgba(241,198,93,.10), rgba(21,22,15,.9) 55%); }
.banner-ev .fecha-ev { width: 62px; height: 66px; border-radius: 16px; display: grid; place-content: center; text-align: center; background: var(--oro2); border: 1px solid rgba(241,198,93,.35); }
.banner-ev .fecha-ev b { font: 800 26px/1 var(--grot); color: var(--oro); }
.banner-ev .fecha-ev span { font: 700 11px var(--sans); letter-spacing: .14em; text-transform: uppercase; color: var(--tinta2); }
.banner-ev .txt { display: flex; flex-direction: column; gap: 6px; min-width: 0; align-items: flex-start; }
.banner-ev .txt b { font: 800 19px/1.15 var(--grot); letter-spacing: -.02em; }
.banner-ev .txt em { font: italic 500 1.05em var(--serif); color: var(--verde); }
.banner-ev .fle { color: var(--oro); }
@media (max-width: 560px) { .banner-ev { grid-template-columns: auto 1fr; } .banner-ev .fle { display: none; } }

.ev-lista { display: grid; gap: 18px; }
.ev-card { display: grid; grid-template-columns: 300px 1fr; overflow: hidden; padding: 0; }
.ev-card img { width: 100%; height: 100%; min-height: 260px; object-fit: cover; object-position: top; border-right: 1px solid var(--linea); }
.ev-card .cuerpo { padding: clamp(20px, 3vw, 32px); display: flex; flex-direction: column; align-items: flex-start; }
.ev-card h2 { font: 800 clamp(30px, 4vw, 42px)/1 var(--grot); letter-spacing: -.04em; margin-top: 14px; }
.lema-ev { font: italic 400 20px/1.3 var(--serif); color: var(--verde); margin-top: 6px; }
.lema-ev.grande { font-size: clamp(24px, 3.4vw, 34px); }
.chips-ev { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 16px; }
.chips-ev span { display: inline-flex; align-items: center; gap: 7px; padding: 7px 12px; border-radius: 99px; border: 1px solid var(--linea2); font: 600 13px var(--sans); color: var(--tinta2); }
.chips-ev svg { width: 15px; height: 15px; color: var(--oro); }
@media (max-width: 760px) { .ev-card { grid-template-columns: 1fr; } .ev-card img { height: 220px; min-height: 0; border-right: 0; border-bottom: 1px solid var(--linea); } }
.ev-hero { max-width: 760px; }
.ev-hero .titulo { font-size: clamp(48px, 9vw, 84px); margin-top: 16px; }
.folleto-web { display: block; margin-top: 34px; max-width: 760px; border-radius: 22px; overflow: hidden; border: 1px solid var(--linea); box-shadow: 0 30px 80px -30px rgba(0,0,0,.8); }
.folleto-web img { display: block; width: 100%; height: auto; }
.pasos-ev { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-top: 16px; max-width: 760px; }
.pasos-ev .tarjeta { padding: 18px; display: flex; flex-direction: column; gap: 6px; }
.pasos-ev em { font: italic 500 22px var(--serif); color: var(--oro); }
.pasos-ev b { font: 700 16px var(--grot); }
@media (max-width: 640px) { .pasos-ev { grid-template-columns: 1fr; } }
.ev-cab { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr); gap: clamp(28px, 4vw, 56px); align-items: start; }
@media (max-width: 980px) { .ev-cab { grid-template-columns: 1fr; } }

/* ——— 21-10-2026 · Página del encuentro montada desde los datos (api/_eventos.js) ——— */
.ev-cab { grid-template-columns: minmax(0, 1.25fr) minmax(280px, .75fr) !important; }
.portada-ev { position: relative; min-height: 260px; height: 100%; padding: 22px; display: flex; flex-direction: column; justify-content: flex-end; overflow: hidden; border-right: 1px solid var(--linea);
  background: radial-gradient(80% 60% at 20% 10%, rgba(241,198,93,.22), transparent 70%), radial-gradient(70% 60% at 100% 100%, rgba(215,246,74,.14), transparent 70%), var(--tarjeta2); }
.portada-ev .dia { font: 800 96px/.85 var(--grot); letter-spacing: -.06em; color: var(--oro); }
.portada-ev .mes { font: 700 13px var(--sans); letter-spacing: .3em; text-transform: uppercase; color: var(--tinta2); margin-top: 6px; }
.portada-ev .lema { font: italic 500 22px/1.2 var(--serif); color: var(--verde); margin-top: 18px; max-width: 240px; }
.portada-ev .marca-ev { position: absolute; top: 20px; left: 22px; font: 700 11px var(--sans); letter-spacing: .26em; color: var(--apagado); }
@media (max-width: 760px) { .portada-ev { min-height: 170px; padding-top: 52px; border-right: 0; border-bottom: 1px solid var(--linea); } .portada-ev .dia { font-size: 72px; } }
.ev-ficha { padding: 24px; display: flex; flex-direction: column; gap: 14px; border-color: rgba(241,198,93,.35); background: linear-gradient(160deg, rgba(241,198,93,.09), var(--tarjeta) 60%); }
.ev-ficha .fecha-grande b { display: block; font: 800 64px/.9 var(--grot); letter-spacing: -.05em; color: var(--oro); }
.ev-ficha .fecha-grande span { font: 700 12px var(--sans); letter-spacing: .3em; text-transform: uppercase; color: var(--tinta2); }
.ev-ficha dl { display: grid; gap: 10px; }
.ev-ficha dl div { display: grid; grid-template-columns: 82px 1fr; gap: 10px; padding-top: 10px; border-top: 1px solid var(--linea); }
.ev-ficha dt { font: 700 11px var(--sans); letter-spacing: .18em; text-transform: uppercase; color: var(--apagado); padding-top: 2px; }
.ev-ficha dd { font: 600 14.5px/1.4 var(--sans); }
@media (max-width: 980px) { .ev-cab { grid-template-columns: 1fr !important; } }
.ev-sec { max-width: 900px; }
.propuesta-ev { font: italic 400 clamp(20px, 2.6vw, 26px)/1.45 var(--serif); color: var(--tinta); margin-top: 14px; max-width: 760px; }
.metodo-ev { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin-top: 20px; }
.metodo-ev .tarjeta { padding: 18px; display: flex; flex-direction: column; gap: 6px; }
.metodo-ev .ico, .incluye-ev .ico { width: 42px; height: 42px; border-radius: 13px; display: grid; place-items: center; background: var(--oro2); color: var(--oro); }
.metodo-ev .ico svg, .incluye-ev .ico svg { width: 21px; height: 21px; }
.metodo-ev b { font: 800 17px var(--grot); margin-top: 6px; }
@media (max-width: 860px) { .metodo-ev { grid-template-columns: repeat(2, 1fr); } }
.agenda-ev { list-style: none; margin-top: 16px; border-left: 1px solid var(--linea2); padding-left: 22px; display: grid; gap: 14px; max-width: 560px; }
.agenda-ev li { position: relative; display: grid; grid-template-columns: 64px 1fr; gap: 12px; align-items: baseline; }
.agenda-ev li::before { content: ""; position: absolute; left: -28px; top: 7px; width: 11px; height: 11px; border-radius: 50%; background: var(--fondo); border: 1px solid var(--linea2); }
.agenda-ev .h { font: 800 16px var(--grot); color: var(--tinta2); }
.agenda-ev .q { font: 600 16px var(--sans); }
.agenda-ev .q small { font: 600 12px var(--sans); color: var(--apagado); margin-left: 6px; }
.agenda-ev li.verde::before { background: var(--verde); border-color: var(--verde); box-shadow: 0 0 12px rgba(215,246,74,.6); }
.agenda-ev li.oro::before { background: var(--oro); border-color: var(--oro); box-shadow: 0 0 12px rgba(241,198,93,.6); }
.agenda-ev li.verde .h { color: var(--verde); } .agenda-ev li.oro .h { color: var(--oro); }
.formato-ev { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin-top: 16px; }
.formato-ev div { padding: 14px 0; border-top: 1px solid var(--linea2); }
.formato-ev b { display: block; font: 800 30px/1 var(--grot); letter-spacing: -.03em; color: var(--verde); }
.formato-ev span { font: 600 13.5px var(--sans); color: var(--tinta2); }
@media (max-width: 640px) { .formato-ev { grid-template-columns: repeat(2, 1fr); } }
.mesas-ev { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-top: 18px; }
@media (max-width: 760px) { .mesas-ev { grid-template-columns: 1fr; } }
.mesa-ev { padding: 20px; display: flex; flex-direction: column; gap: 4px; }
.mesa-ev .etq { font: 700 11px var(--sans); letter-spacing: .22em; text-transform: uppercase; color: var(--verde); }
.mesa-ev.oro { border-color: rgba(241,198,93,.4); background: linear-gradient(160deg, rgba(241,198,93,.08), var(--tarjeta) 60%); }
.mesa-ev.oro .etq { color: var(--oro); }
.mesa-ev h3 { font: 800 21px var(--grot); letter-spacing: -.02em; }
.ponentes-ev { display: grid; grid-template-columns: repeat(auto-fill, minmax(84px, 1fr)); gap: 14px; margin-top: 16px; }
.ponente { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 6px; }
.ponente img, .ponente .avatar { width: 64px; height: 64px; border-radius: 50%; object-fit: cover; }
.ponente b { font: 700 13.5px/1.2 var(--sans); }
.ponente .libro-p { font: 500 12px var(--sans); color: var(--oro); }
.ponente .silueta { width: 64px; height: 64px; border-radius: 50%; display: grid; place-items: center; border: 1.5px dashed rgba(215,246,74,.5); background: radial-gradient(circle at 30% 30%, rgba(215,246,74,.16), transparent 70%); }
.ponente.oro .silueta { border-color: rgba(241,198,93,.55); background: radial-gradient(circle at 30% 30%, rgba(241,198,93,.18), transparent 70%); }
.ponente .silueta i { font: italic 500 28px var(--serif); color: var(--verde); }
.ponente.oro .silueta i { color: var(--oro); }
.ponente.oculto b { color: var(--apagado); font-weight: 600; font-size: 10.5px; letter-spacing: .06em; text-transform: uppercase; white-space: nowrap; }
.incluye-ev { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 12px; margin-top: 16px; }
.incluye-ev div { display: flex; flex-direction: column; gap: 10px; padding: 16px; border-radius: 18px; border: 1px solid var(--linea); background: var(--tarjeta); }
.incluye-ev div.dos { border-color: rgba(215,246,74,.4); background: var(--verde2); }
.incluye-ev div.dos .ico { background: var(--verde); color: var(--fondo); }
.incluye-ev b { font: 700 15px/1.25 var(--grot); }
.faq-ev { display: grid; gap: 10px; margin-top: 16px; max-width: 760px; }
.faq-ev details { padding: 16px 20px; }
.faq-ev summary { font: 700 16px var(--sans); cursor: pointer; list-style: none; display: flex; justify-content: space-between; gap: 12px; }
.faq-ev summary::-webkit-details-marker { display: none; }
.faq-ev summary::after { content: "+"; color: var(--verde); font-weight: 800; }
.faq-ev details[open] summary::after { content: "–"; }
.faq-ev p { color: var(--tinta2); margin-top: 10px; }

/* ——— 21-10-2026 · Buzón de sugerencias ——— */
.banner-buzon { display: grid; grid-template-columns: auto 1fr auto; gap: 16px; align-items: center; padding: 16px 20px; margin-top: 16px; }
.banner-buzon .ico { width: 46px; height: 46px; border-radius: 14px; display: grid; place-items: center; background: var(--verde2); color: var(--verde); }
.banner-buzon .ico svg { width: 22px; height: 22px; }
.banner-buzon .txt { display: flex; flex-direction: column; gap: 3px; }
.banner-buzon .txt b { font: 800 17px var(--grot); }
.banner-buzon .fle { color: var(--verde); }
.buzon-hero { max-width: 760px; }
.frase-bz { font: 800 clamp(28px, 4.4vw, 44px)/1.05 var(--grot); letter-spacing: -.035em; }
.frase-bz em { font: italic 500 1.04em var(--serif); color: var(--verde); letter-spacing: -.01em; }
.pregunta-bz { font: italic 400 clamp(21px, 2.8vw, 28px)/1.3 var(--serif); color: var(--oro); margin-top: 10px; }
.buzon-hero .sub { margin-top: 12px; }
.bz-form { margin-top: 24px; padding: 20px; display: grid; gap: 12px; border-color: rgba(215,246,74,.3); }
.eti-bz { font: 700 12px var(--sans); letter-spacing: .14em; text-transform: uppercase; color: var(--tinta2); }
.eti-bz small { text-transform: none; letter-spacing: 0; font-weight: 500; color: var(--apagado); }
.bz-form textarea { width: 100%; padding: 15px 17px; border-radius: 16px; background: var(--fondo2); border: 1.5px solid var(--linea2); color: var(--tinta); font: 500 17px/1.45 var(--sans); outline: none; resize: vertical; min-height: 96px; }
.bz-form textarea:focus { border-color: var(--verde); }
.bz-pie { display: flex; justify-content: space-between; align-items: center; gap: 10px; flex-wrap: wrap; }
.bz-pie .chips { margin: 0; }
.bz-form .boton { justify-self: start; }
.bz-form .boton:disabled { opacity: .35; box-shadow: none; cursor: default; transform: none; }
.bz-hecho { margin-top: 24px; padding: 18px 20px; display: grid; gap: 4px; border-color: rgba(215,246,74,.4); background: var(--verde2); }
.bz-hecho b { color: var(--verde); font: 700 16px var(--sans); }
.bz-lista { display: grid; gap: 12px; margin-top: 16px; max-width: 760px; }
.bz-prop { display: grid; grid-template-columns: 58px 1fr; gap: 16px; padding: 16px 18px; align-items: start; }
.bz-prop.mia { border-color: rgba(215,246,74,.4); }
.bz-voto { width: 58px; padding: 10px 0 8px; border-radius: 16px; border: 1.5px solid var(--linea2); display: flex; flex-direction: column; align-items: center; gap: 2px; color: var(--tinta2); transition: .2s; cursor: pointer; background: none; }
.bz-voto svg { width: 18px; height: 18px; }
.bz-voto b { font: 800 18px var(--grot); color: var(--tinta); }
.bz-voto:hover { border-color: var(--verde); color: var(--verde); }
.bz-voto.si { background: var(--verde); border-color: var(--verde); color: var(--fondo); }
.bz-voto.si b { color: var(--fondo); }
.bz-voto.quieto { cursor: default; opacity: .75; }
.bz-voto.quieto:hover { border-color: var(--linea2); color: var(--tinta2); }
.bz-prop .cuerpo p { font: 500 16.5px/1.45 var(--sans); }
.bz-prop .etiquetas { display: flex; gap: 6px; flex-wrap: wrap; margin-top: 10px; }
.pild-bz { padding: 4px 10px; border-radius: 99px; border: 1px solid var(--linea2); font: 600 11.5px var(--sans); color: var(--tinta2); }
.pild-bz.top { color: var(--oro); border-color: rgba(241,198,93,.45); background: var(--oro2); }
.pild-bz.mia { color: var(--verde); border-color: rgba(215,246,74,.45); }
.pild-bz.estado.hecha { color: var(--fondo); background: var(--verde); border-color: var(--verde); }
.pild-bz.estado.en-marcha { color: var(--oro); border-color: rgba(241,198,93,.5); }
.pild-bz.estado.la-estudiamos { color: #9fc4ff; border-color: rgba(159,196,255,.4); }
.bz-resp { margin-top: 12px; padding: 12px 14px; border-radius: 14px; background: var(--oro2); color: var(--tinta); font: 500 14.5px/1.45 var(--sans); }
.bz-resp b { color: var(--oro); }
.h3-bz { font: 800 20px var(--grot); margin-top: 26px; text-transform: capitalize; }
.bz-form, .bz-form > * { min-width: 0; }
.bz-form textarea { box-sizing: border-box; max-width: 100%; }
.bz-pie .chips { flex-wrap: wrap; overflow: visible; }
.eti-bz small { display: inline-block; }
.k-bz { display: inline-flex; align-items: center; gap: 8px; padding: 7px 13px; border-radius: 99px; background: var(--verde2); color: var(--verde); font: 700 11.5px var(--sans); letter-spacing: .18em; text-transform: uppercase; margin: 6px 0 16px; }
.k-bz svg { width: 16px; height: 16px; }

/* ==========================================================================
   El lenguaje del diagnóstico de la app, en toda la web (22-10-2026)
   Etiquetas en mono, titulares con la palabra clave en cursiva verde, líneas finas antes que brillos,
   cada pantalla entra como una página y la luz respira. Y el pop-up dorado del encuentro.
   ========================================================================== */
:root { --mono: "IBM Plex Mono", ui-monospace, Consolas, monospace; }
body::before { animation: web-respira 26s ease-in-out infinite alternate; }
@keyframes web-respira { to { transform: translate3d(-3%, 2%, 0) scale(1.05); } }

/* Cada pantalla entra como una página */
#vista.pagina { animation: web-pagina .7s cubic-bezier(.16,1,.3,1) both; }
@keyframes web-pagina { from { opacity: 0; transform: translateX(26px); filter: blur(4px); } }

/* Etiquetas y titulares */
.eti, .estado-ev, .pild, .k-bz, .nivel { font-family: var(--mono); font-weight: 500; letter-spacing: .14em; }
.eti { font-size: 11px; }
.titulo-sec em, .titulo em, .h2 em { font-family: var(--serif); font-style: italic; font-weight: 400; letter-spacing: -.01em; color: var(--verde); }
.h2::before { content: ""; width: 14px; height: 3px; border-radius: 99px; background: var(--verde); align-self: center; flex: none; }
.intro-sec { font: 400 15px/1.55 var(--sans); color: var(--apagado); margin: -10px 0 22px; max-width: 52ch; }
.meta { letter-spacing: 0; }
.pie-web em { font-weight: 400; }

/* Tarjetas y botones: línea fina y luz sutil, sin neón */
.tarjeta { background: linear-gradient(180deg, rgba(244,246,236,.03), transparent 46%), var(--tarjeta); }
.boton { box-shadow: none; font-weight: 600; }
.boton:hover { box-shadow: none; }
.marca i, .puerta .logo { box-shadow: none; }
.menu a, .tabs a { font-family: var(--sans); }
.tabs a { letter-spacing: -.01em; }
.chip.activo { background: var(--verde); border-color: var(--verde); color: var(--fondo); }

/* Insignias con iconos de línea */
.insignia i svg { width: 16px; height: 16px; }
.insignia i { display: inline-grid; place-items: center; }

/* ——— El pop-up del encuentro ——— */
.pop { position: fixed; inset: 0; z-index: 300; display: grid; place-items: center; padding: 20px; overflow-y: auto; }
.pop-velo { position: fixed; inset: 0; background: rgba(6,7,5,.78); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); animation: web-aparece .5s both; }
.pop-flota { position: relative; width: min(420px, 100%); display: grid; gap: 14px; justify-items: center; animation: web-sube .9s cubic-bezier(.16,1,.3,1) both; }
.pop.fuera .pop-flota { animation: web-baja .4s ease-in both; } .pop.fuera .pop-velo { animation: web-aparece .4s reverse both; }
/* El borde dorado que brilla y gira */
.pop-marco { position: relative; width: 100%; padding: 2px; border-radius: 18px; isolation: isolate; animation: web-flota 6s ease-in-out infinite;
  box-shadow: 0 30px 80px -20px rgba(0,0,0,.9), 0 0 60px -10px rgba(241,198,93,.45); }
.pop-marco::before { content: ""; position: absolute; inset: 0; z-index: -1; border-radius: inherit; padding: 2px;
  background: conic-gradient(from var(--giro, 0deg), #f1c65d, #fff3c4, #c9962e, #f1c65d, #7a5a18, #f1c65d);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask-composite: exclude; animation: web-gira 5s linear infinite; }
@property --giro { syntax: "<angle>"; inherits: false; initial-value: 0deg; }
@keyframes web-gira { to { --giro: 360deg; } }
@keyframes web-flota { 50% { transform: translateY(-8px) rotate(-.4deg); } }
@keyframes web-sube { from { opacity: 0; transform: translateY(40px) scale(.94); filter: blur(6px); } }
@keyframes web-baja { to { opacity: 0; transform: translateY(30px) scale(.96); } }
@keyframes web-aparece { from { opacity: 0; } }
.pop-img { display: block; width: 100%; max-height: 66svh; object-fit: contain; border-radius: 16px; background: var(--fondo); }
.pop-folleto { position: relative; overflow: hidden; border-radius: 16px; padding: 20px 20px 18px; color: var(--tinta);
  background: radial-gradient(70% 50% at 80% 0%, rgba(241,198,93,.16), transparent 70%), radial-gradient(60% 40% at 0% 100%, rgba(215,246,74,.08), transparent 70%), #0f100c; }
.pf-cab { display: flex; justify-content: space-between; font: 500 9.5px var(--mono); letter-spacing: .16em; text-transform: uppercase; color: var(--oro); }
.pf-k { margin-top: 18px; font: 500 11px var(--mono); letter-spacing: .14em; text-transform: uppercase; color: var(--apagado); }
.pf-k::before { content: ""; display: inline-block; width: 14px; height: 3px; margin: -2px 10px 0 0; border-radius: 99px; background: var(--verde); vertical-align: middle; }
.pf-t { margin-top: 8px; font: 800 clamp(30px, 8.6vw, 38px)/1.02 var(--grot); letter-spacing: -.035em; text-wrap: balance; }
.pf-t em { font: italic 400 1em var(--serif); color: var(--verde); letter-spacing: -.01em; }
.pf-sub { margin-top: 10px; font: italic 400 15.5px/1.4 var(--serif); color: var(--tinta2); }
.pf-datos { display: grid; grid-template-columns: repeat(3, auto); justify-content: start; margin-top: 16px; border-top: 1px solid rgba(241,198,93,.3); border-bottom: 1px solid rgba(241,198,93,.3); }
.pf-datos div { padding: 9px 12px 9px 0; } .pf-datos div + div { padding-left: 12px; border-left: 1px solid var(--linea); }
.pf-datos span { display: block; font: 400 9px var(--mono); letter-spacing: .14em; text-transform: uppercase; color: var(--apagado); }
.pf-datos b { display: block; margin-top: 2px; font: 600 13px/1.25 var(--grot); }
.pf-mesas { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 14px; }
.pf-mesas span { font: 400 9.5px var(--mono); letter-spacing: .12em; text-transform: uppercase; color: var(--apagado); }
.pf-sil { display: flex; gap: 5px; margin-top: 6px; }
.pf-sil i { width: 26px; height: 32px; border-radius: 6px; display: grid; place-items: center; font: italic 400 15px var(--serif); color: var(--apagado); background: rgba(244,246,236,.05); border: 1px solid var(--linea2); }
.pf-pie { margin-top: 14px; font: 400 13px/1.5 var(--sans); color: var(--tinta2); }
.pf-pie b { color: var(--oro); font-weight: 600; }
.pop-cta { width: 100%; padding: 17px 22px; font-size: 16px; }
.pop-x { padding: 8px 12px; font: 500 13.5px var(--sans); color: var(--tinta2); text-decoration: underline; text-underline-offset: 5px; text-decoration-color: rgba(244,246,236,.25); }
@media (prefers-reduced-motion: reduce) { .pop-marco, .pop-marco::before, #vista.pagina, body::before { animation: none; } }

/* Una sola mesa: siluetas con su pista y el después */
.pf-mesas { grid-template-columns: 1fr; }
.pf-sil { gap: 10px; }
.pf-p { display: grid; justify-items: center; gap: 5px; }
.pf-p i { width: 46px; height: 54px; font-size: 20px; }
.pf-p small { font: 400 8.5px var(--mono); letter-spacing: .1em; text-transform: uppercase; color: var(--tinta2); }
.pf-desp { margin-top: 12px; padding-left: 12px; border-left: 2px solid var(--oro); font: italic 400 14.5px/1.45 var(--serif); color: var(--tinta); }

/* El titular del pop-up y la puerta de «Miembros» */
.pf-lema { margin-top:6px; font: italic 400 15px var(--serif); color: var(--oro); }
.pf-ficha .pf-t { margin-top: 18px; }
.pop-ficha .pop-velo { background: rgba(6,7,5,.86); }

/* ==========================================================================
   El cofre (plan de Jorge, 22-10): «Eventos» en dorado con partículas de oro, el pop-up del encuentro,
   la ventana de datos, el «¡Bienvenido!», las 5 claves inmersivas y el contador misterioso de Inicio.
   ========================================================================== */
:root { --oro-v: #f1c65d; --oro-c: #fff3c4; --oro-o: #b88a2a; --rojo-plazas: #ff6b5e; }

/* Partículas de oro en suspensión */
.oro-part { position: absolute; inset: 0; overflow: hidden; pointer-events: none; z-index: 0; border-radius: inherit; }
.oro-part i { position: absolute; left: var(--x); bottom: -6px; width: calc(4px * var(--s)); height: calc(4px * var(--s)); border-radius: 50%;
  background: radial-gradient(circle, var(--oro-c), var(--oro-v) 45%, transparent 70%); box-shadow: 0 0 6px rgba(241,198,93,.9);
  animation: oro-sube calc(3.6s + var(--t)) var(--t) linear infinite; opacity: 0; }
@keyframes oro-sube { 0% { transform: translateY(0) translateX(0); opacity: 0; } 15% { opacity: 1; } 50% { transform: translateY(-50%) translateX(6px); } 85% { opacity: .9; } 100% { transform: translateY(-120%) translateX(-4px); opacity: 0; } }
.pop > .oro-part { position: fixed; z-index: 1; }
.pop > .oro-part i { bottom: -10px; width: calc(5px * var(--s)); height: calc(5px * var(--s)); animation-duration: calc(6s + var(--t) * 1.5); }

/* «Eventos» en el menú: el cofre recién abierto */
.menu a.cofre, .tabs a.cofre { position: relative; overflow: hidden; isolation: isolate; color: #1d1608 !important; font-weight: 700;
  background: linear-gradient(120deg, var(--oro-o), var(--oro-v) 35%, var(--oro-c) 50%, var(--oro-v) 65%, var(--oro-o)); background-size: 220% 100%;
  box-shadow: 0 0 18px rgba(241,198,93,.55), inset 0 0 0 1px rgba(255,243,196,.6); animation: oro-brillo 3.2s ease-in-out infinite; }
.menu a.cofre svg, .tabs a.cofre svg, .menu a.cofre span, .tabs a.cofre span { position: relative; z-index: 1; }
.menu a.cofre .oro-part i, .tabs a.cofre .oro-part i { background: radial-gradient(circle, #fff, var(--oro-c) 50%, transparent 70%); box-shadow: 0 0 5px #fff; }
.menu a.cofre.activo, .tabs a.cofre.activo { background-color: var(--oro-v); }
@keyframes oro-brillo { 0%, 100% { background-position: 100% 0; } 50% { background-position: 0 0; } }

/* Banner del encuentro en Inicio, también dorado */
.banner-ev.cofre-banner { position: relative; overflow: hidden; border-color: rgba(241,198,93,.6); box-shadow: 0 0 40px -12px rgba(241,198,93,.6); }
.banner-ev.cofre-banner > :not(.oro-part) { position: relative; z-index: 1; }

/* El pop-up del encuentro */
.pop-ev .pop-velo { background: radial-gradient(60% 50% at 50% 40%, rgba(241,198,93,.16), rgba(6,7,5,.86) 70%); }
.pop-ev .pop-flota, .pop-bv .pop-flota, .pop-form .pop-flota { z-index: 2; }
.pop-ev .pop-marco { animation: web-flota 6s ease-in-out infinite, cofre-abre 1s cubic-bezier(.16,1,.3,1) both; }
@keyframes cofre-abre { from { transform: perspective(900px) rotateX(18deg) translateY(40px) scale(.92); filter: blur(6px) brightness(1.6); opacity: 0; } }
.pop-plazas { margin-top: -4px; font: 600 14px var(--sans); color: var(--rojo-plazas); text-align: center; letter-spacing: .01em; animation: plazas-late 1.8s ease-in-out infinite; }
@keyframes plazas-late { 50% { opacity: .65; } }
.boton-oro, .pop-ev .pop-cta { background: linear-gradient(120deg, var(--verde), #eaff8a 50%, var(--verde)); background-size: 200% 100%; animation: oro-brillo 3.2s ease-in-out infinite; }

/* La ventana de datos */
.form-lista .pop-folleto { padding: 22px 22px 18px; }
.form-lista .pf-t { margin-top: 14px; }
.fl { display: block; margin-top: 14px; }
.fl span { display: block; font: 500 9.5px var(--mono); letter-spacing: .14em; text-transform: uppercase; color: var(--apagado); margin-bottom: 4px; }
.fl input { width: 100%; padding: 8px 2px 9px; background: none; border: 0; border-bottom: 1.5px solid rgba(244,246,236,.25); border-radius: 0; outline: none; font: italic 400 21px/1.3 var(--serif); color: var(--tinta); transition: border-color .3s; }
.fl input:focus { border-bottom-color: var(--oro-v); }
.fl input::placeholder { color: rgba(244,246,236,.25); }
.fl input:-webkit-autofill { -webkit-text-fill-color: var(--tinta); box-shadow: inset 0 0 0 40px #12130e; caret-color: var(--tinta); }
.acepto-fl { display: flex; gap: 10px; align-items: flex-start; margin-top: 16px; font: 400 12.5px/1.45 var(--sans); color: var(--tinta2); cursor: pointer; }
.acepto-fl input { width: 18px; height: 18px; accent-color: var(--verde); flex: none; margin-top: 1px; }
.fl-error { margin-top: 8px; min-height: 1em; font: 500 13px var(--sans); color: var(--rojo-plazas); }

/* «¡Bienvenido!» */
.pop-bv .pop-velo { background: radial-gradient(60% 50% at 50% 40%, rgba(241,198,93,.22), rgba(6,7,5,.9) 70%); }
.pop-folleto.bv { text-align: center; padding: 34px 22px 26px; }
.bv-t { margin-top: 10px; font: 800 clamp(36px, 10vw, 46px)/1 var(--grot); letter-spacing: -.04em; }
.bv-big { margin-top: 10px; font: italic 400 24px/1.2 var(--serif); color: var(--verde); }
.bv-p { margin-top: 8px; font: 400 16px/1.5 var(--sans); color: var(--tinta2); }
.sello-bv { position: absolute; right: 12px; top: 12px; padding: 6px 10px; border: 3px double #d6483c; border-radius: 6px; rotate: -12deg; text-align: center; color: #ff7a6b;
  font: 700 8px/1.35 var(--mono); letter-spacing: .14em; text-transform: uppercase; animation: sella-bv .55s .5s cubic-bezier(.3,1.6,.5,1) both; }
.sello-bv b { display: block; font: 800 14px/1.1 var(--grot); letter-spacing: .22em; }
@keyframes sella-bv { from { opacity: 0; transform: scale(2.6); } }
.confeti-bv { position: absolute; inset: 0; pointer-events: none; overflow: hidden; }
.confeti-bv i { position: absolute; top: -14px; left: var(--x); width: 7px; height: 12px; border-radius: 2px; background: var(--c); animation: bv-cae 2.6s var(--d) cubic-bezier(.3,.6,.4,1) both; }
@keyframes bv-cae { to { transform: translateY(520px) rotate(560deg); opacity: 0; } }

/* Página del evento: ya estás dentro */
.ya-lista { display: inline-flex; align-items: center; gap: 8px; padding: 13px 18px; border-radius: 99px; border: 1px solid rgba(215,246,74,.45); background: rgba(215,246,74,.08); color: var(--verde); font: 600 14px var(--sans); }

/* Las 5 claves, a pantalla completa */
.claves { position: fixed; inset: 0; z-index: 400; overflow: hidden; color: var(--tinta);
  background: radial-gradient(55% 40% at 80% 5%, rgba(241,198,93,.14), transparent 70%), radial-gradient(50% 40% at 0% 100%, rgba(215,246,74,.08), transparent 70%), #0b0c09; }
.cl-cab { position: absolute; z-index: 5; top: 0; left: 0; right: 0; padding: max(14px, env(safe-area-inset-top)) max(22px, calc((100vw - 560px) / 2)) 0; }
.cl-barras { display: flex; gap: 4px; }
.cl-barras i { flex: 1; height: 2px; border-radius: 2px; background: rgba(244,246,236,.16); overflow: hidden; }
.cl-barras i b { display: block; height: 100%; background: var(--oro-v); transform: scaleX(0); transform-origin: left; transition: transform .5s cubic-bezier(.16,1,.3,1); }
.cl-barras i.ya b, .cl-barras i.aqui b { transform: none; }
.cl-barras i.ya b { background: var(--tinta); }
.cl-fila { display: flex; align-items: center; gap: 12px; margin-top: 14px; }
.marca-cl { font: 800 13px var(--grot); letter-spacing: .26em; }
.cl-meta { margin-left: auto; font: 500 10.5px var(--mono); letter-spacing: .14em; text-transform: uppercase; color: var(--tinta2); }
.cl-x { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 50%; border: 1px solid var(--linea2); color: var(--tinta); }
.cl-pant { position: absolute; inset: 0; overflow-y: auto; -webkit-overflow-scrolling: touch; display: flex; flex-direction: column; justify-content: safe center; padding: 104px max(24px, calc((100vw - 560px) / 2)) 96px; cursor: pointer; opacity: 0; visibility: hidden; transform: translateX(30px); transition: opacity .5s, transform .6s cubic-bezier(.16,1,.3,1), visibility 0s .5s; }
.cl-pant.activa { opacity: 1; visibility: visible; transform: none; transition: opacity .5s, transform .6s cubic-bezier(.16,1,.3,1); z-index: 2; }
.cl-portada { position: relative; }
.cl-sello { display: inline-block; margin-bottom: 26px; padding: 8px 14px; border: 3px double var(--oro-v); border-radius: 8px; rotate: -6deg; color: var(--oro-v); text-align: center; font: 700 9px/1.35 var(--mono); letter-spacing: .16em; text-transform: uppercase; }
.cl-sello b { display: block; font: 800 18px/1.1 var(--grot); letter-spacing: .26em; }
.cl-h1 { margin-top: 10px; font: 800 clamp(32px, 8.8vw, 46px)/1.02 var(--grot); letter-spacing: -.035em; text-wrap: balance; }
.cl-h1 em, .cl-h2 em { font: italic 400 1em var(--serif); color: var(--verde); letter-spacing: -.01em; }
.cl-sub { margin-top: 14px; font: italic 400 18px/1.45 var(--serif); color: var(--tinta2); max-width: 34ch; }
.cl-pista { margin-top: 40px; font: 500 10.5px var(--mono); letter-spacing: .16em; text-transform: uppercase; color: var(--apagado); animation: plazas-late 2s ease-in-out infinite; }
.cl-n { font: 300 clamp(80px, 22vw, 120px)/.8 var(--serif); color: transparent; -webkit-text-stroke: 1px rgba(241,198,93,.55); margin-bottom: 10px; }
.cl-h2 { margin-top: 8px; font: 800 clamp(26px, 7.4vw, 36px)/1.06 var(--grot); letter-spacing: -.03em; text-wrap: balance; }
.cl-d { margin-top: 12px; font: 400 15.5px/1.55 var(--sans); color: var(--tinta2); max-width: 40ch; }
.cl-tips { list-style: none; margin: 18px 0 0; padding: 0; }
.cl-tips li { position: relative; padding: 11px 0 11px 28px; border-top: 1px solid var(--linea); font: 400 15px/1.5 var(--sans); }
.cl-tips li:last-child { border-bottom: 1px solid var(--linea); }
.cl-tips li::before { content: ""; position: absolute; left: 2px; top: 19px; width: 12px; height: 2px; border-radius: 2px; background: var(--oro-v); }
.cl-pant.activa .cl-tips li { animation: entra .7s calc(.25s + var(--j) * .18s) cubic-bezier(.16,1,.3,1) both; }
.cl-carta { align-items: stretch; }
.cl-hoja { position: relative; padding: 26px 22px 22px; color: #1b1a14; border-radius: 4px; rotate: -1deg; background-color: #efe9d8; background-image: repeating-linear-gradient(180deg, transparent 0 31px, rgba(70,58,34,.15) 31px 32px); box-shadow: 0 26px 44px -22px rgba(0,0,0,.95); }
.cl-hoja::after { content: ""; position: absolute; top: -10px; left: 50%; width: 86px; height: 20px; margin-left: -43px; background: rgba(241,198,93,.7); transform: rotate(2.5deg); }
.cl-ps { font: italic 400 26px var(--serif); }
.cl-mano { margin-top: 6px; font: italic 400 20px/32px var(--serif); }
.cl-firma { margin-top: 14px; text-align: right; font: italic 400 22px var(--serif); }
.cl-carta .boton { margin-top: 26px; position: relative; z-index: 4; }

/* El contador misterioso de Inicio (vie 15:00 → sáb 12:00) */
.teaser { position: relative; overflow: hidden; padding: 24px 22px; margin-bottom: 18px; border-color: rgba(241,198,93,.5); box-shadow: 0 0 50px -16px rgba(241,198,93,.55);
  background: radial-gradient(70% 60% at 80% 0%, rgba(241,198,93,.16), transparent 70%), var(--tarjeta); }
.teaser > :not(.oro-part) { position: relative; z-index: 1; }
.teaser .pf-k { color: var(--oro-v); }
.teaser-t { margin: 8px 0 8px; font: 800 clamp(26px, 6.4vw, 34px)/1.05 var(--grot); letter-spacing: -.03em; }
.teaser-t em { font: italic 400 1em var(--serif); color: var(--oro-v); }
.teaser-reloj { display: flex; gap: 10px; margin-top: 16px; }
.teaser-reloj div { flex: 1; max-width: 96px; padding: 10px 0; text-align: center; border-radius: 12px; border: 1px solid rgba(241,198,93,.35); background: rgba(11,12,9,.5); }
.teaser-reloj b { display: block; font: 300 34px/1 var(--serif); font-variant-numeric: tabular-nums; }
.teaser-reloj span { display: block; margin-top: 4px; font: 500 9px var(--mono); letter-spacing: .14em; text-transform: uppercase; color: var(--apagado); }
@media (prefers-reduced-motion: reduce) { .oro-part, .menu a.cofre, .tabs a.cofre, .pop-plazas { animation: none !important; } .oro-part { display: none; } }

.cl-nav { position: absolute; z-index: 6; left: 0; right: 0; bottom: 0; display: flex; align-items: center; justify-content: space-between; gap: 12px;
  padding: 14px max(22px, calc((100vw - 560px) / 2)) max(16px, env(safe-area-inset-bottom)); background: linear-gradient(transparent, #0b0c09 40%); }
.cl-ant { width: 44px; height: 44px; border-radius: 50%; border: 1px solid var(--linea2); color: var(--tinta); font: 500 18px var(--sans); }
.cl-cuenta { font: 500 10.5px var(--mono); letter-spacing: .14em; color: var(--apagado); }
.cl-sig { padding: 12px 20px; border-radius: 99px; background: var(--oro-v); color: #1d1608; font: 600 14px var(--sans); }
.cl-sig[hidden] { display: inline-block; visibility: hidden; }
.sello-bv { top: 8px; right: 8px; transform: scale(.85); transform-origin: top right; }

.titulo-ev { margin: 6px 0 10px; font: 800 clamp(26px, 4.2vw, 40px)/1.05 var(--grot); letter-spacing: -.035em; }
.titulo-ev em { font: italic 400 1em var(--serif); color: var(--verde); letter-spacing: -.01em; }

/* ——— 22-10-2026 noche · La campanita: punto amarillo (sin número) y un cajón pegado al margen, como el carrito de una tienda,
   que se abre como la tapa de un libro mientras su lomo dorado se desenrolla de arriba abajo como una alfombra ——— */
.cab-der { display: flex; align-items: center; gap: 10px; }
.campana { position: relative; width: 42px; height: 42px; flex: none; display: grid; place-items: center; border-radius: 50%; border: 1px solid var(--linea2); color: var(--tinta); transition: .25s; }
.campana:hover { border-color: var(--verde); }
.campana svg { width: 20px; height: 20px; }
.campana .punto { position: absolute; top: 8px; right: 9px; width: 10px; height: 10px; border-radius: 50%; background: var(--verde); box-shadow: 0 0 0 2.5px var(--fondo), 0 0 12px rgba(215,246,74,.8); animation: punto 2.2s ease-in-out infinite; }
@keyframes punto { 50% { transform: scale(1.18); box-shadow: 0 0 0 2.5px var(--fondo), 0 0 18px rgba(215,246,74,1); } }

.notis { position: fixed; inset: 0; z-index: 90; perspective: 1700px; perspective-origin: 100% 50%; }
.notis-velo { position: absolute; inset: 0; background: rgba(5,6,4,.62); backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); animation: notis-velo .5s both; }
@keyframes notis-velo { from { opacity: 0; backdrop-filter: blur(0); } }
.notis-caja { position: absolute; top: 0; right: 0; bottom: 0; width: min(440px, 100vw); display: flex; flex-direction: column; overflow: hidden;
  background: linear-gradient(180deg, #17180f, #101109 70%); border-left: 1px solid var(--linea2); box-shadow: -40px 0 90px -30px rgba(0,0,0,.95);
  transform-origin: 100% 50%; animation: notis-tapa .85s cubic-bezier(.2,.9,.25,1) both; }
/* La tapa del libro: gira sobre el margen derecho y se abre hacia ti */
@keyframes notis-tapa { 0% { transform: rotateY(-92deg); filter: brightness(.35); } 60% { filter: brightness(1.08); } 100% { transform: rotateY(0); filter: none; } }
/* La luz que barre la página al abrirse */
.notis-luz { position: absolute; inset: 0; z-index: 3; pointer-events: none; background: linear-gradient(100deg, transparent 30%, rgba(241,198,93,.16) 48%, rgba(215,246,74,.08) 54%, transparent 70%);
  transform: translateX(-100%); animation: notis-barre 1.1s .35s cubic-bezier(.4,0,.2,1) both; }
@keyframes notis-barre { to { transform: translateX(100%); } }
/* El lomo dorado: se desenrolla de arriba abajo */
.notis-lomo { position: absolute; left: 0; top: 0; bottom: 0; width: 3px; z-index: 2; background: linear-gradient(180deg, var(--oro), var(--verde) 55%, rgba(215,246,74,0));
  transform-origin: top; animation: notis-alfombra 1.1s .25s cubic-bezier(.65,0,.35,1) both; box-shadow: 0 0 18px rgba(241,198,93,.6); }
@keyframes notis-alfombra { from { transform: scaleY(0); } }
/* Cada bloque se despliega después, uno tras otro, como una alfombra que rueda */
.notis .rueda { transform-origin: top; animation: notis-rueda .7s calc(.38s + var(--j, 0) * .12s) cubic-bezier(.16,1,.3,1) both; }
@keyframes notis-rueda { from { opacity: 0; clip-path: inset(0 0 100% 0 round 16px); transform: translateY(-14px) rotateX(-28deg); } to { opacity: 1; clip-path: inset(0 0 0 0 round 16px); transform: none; } }
.notis.sale .notis-caja { animation: notis-cierra .45s cubic-bezier(.6,0,.8,.3) both; }
.notis.sale .notis-velo { animation: notis-velo .45s reverse both; }
@keyframes notis-cierra { to { transform: rotateY(-88deg); filter: brightness(.35); } }

.notis-cab { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; padding: calc(18px + env(safe-area-inset-top)) 22px 14px 26px; border-bottom: 1px solid var(--linea); }
.notis-cab b { display: block; margin-top: 6px; font: 800 28px/1 var(--grot); letter-spacing: -.03em; }
.notis-k { display: inline-flex; align-items: center; gap: 8px; font: 400 10.5px "IBM Plex Mono", ui-monospace, monospace; letter-spacing: .14em; text-transform: uppercase; color: var(--verde); }
.notis-k svg { width: 15px; height: 15px; }
.notis-x { width: 40px; height: 40px; flex: none; display: grid; place-items: center; border-radius: 50%; border: 1px solid var(--linea2); color: var(--tinta); transition: .25s; }
.notis-x:hover { border-color: var(--verde); color: var(--verde); }
.notis-x svg { width: 18px; height: 18px; }
.notis-cuerpo { flex: 1; overflow-y: auto; overscroll-behavior: contain; padding: 18px 22px calc(28px + env(safe-area-inset-bottom)) 26px; display: grid; gap: 16px; align-content: start; }
.noti { position: relative; display: block; padding: 18px 18px 16px; border-radius: 16px; background: linear-gradient(160deg, rgba(215,246,74,.10), rgba(215,246,74,.02) 60%); border: 1px solid rgba(215,246,74,.24); transition: .25s; }
.noti:hover { border-color: var(--verde); }
.noti.nueva::after { content: ""; position: absolute; top: 20px; right: 18px; width: 9px; height: 9px; border-radius: 50%; background: var(--verde); box-shadow: 0 0 10px rgba(215,246,74,.8); }
.noti-k { font: 400 10.5px "IBM Plex Mono", ui-monospace, monospace; letter-spacing: .14em; text-transform: uppercase; color: var(--verde); }
.noti-t { display: block; margin-top: 8px; padding-right: 18px; font: 800 23px/1.08 var(--grot); letter-spacing: -.02em; }
.noti-t em { font: italic 500 1.05em var(--serif); color: var(--verde); }
.noti p { margin-top: 8px; color: var(--tinta2); font-size: 14px; line-height: 1.5; }
.noti-cta { display: inline-flex; align-items: center; gap: 8px; margin-top: 14px; padding: 11px 16px; border-radius: 99px; background: var(--verde); color: var(--fondo); font: 600 14px var(--sans); }
.notis-bz { padding: 18px 18px 6px; border-radius: 16px; border: 1px solid var(--linea2); background: rgba(244,246,236,.02); scroll-margin-top: 10px; }
.notis-bz .notis-k { color: var(--oro); }
.notis-h { margin-top: 8px; font: 800 21px/1.12 var(--grot); letter-spacing: -.02em; }
.notis-h em { font: italic 500 1.05em var(--serif); color: var(--oro); }
.notis-bz > .meta { display: block; margin-top: 6px; font-size: 13.5px; line-height: 1.5; }
.notis-bz .bz-form, .notis-bz .bz-hecho { margin-top: 14px; padding: 14px; }
.notis-bz .bz-form textarea { min-height: 80px; font-size: 15.5px; }
.notis-bz .bz-prop { grid-template-columns: 48px 1fr; gap: 12px; padding: 12px 14px; }
.notis-bz .bz-voto { width: 48px; }
.notis-bz .bz-prop .cuerpo p { font-size: 14.5px; }
.notis-bz .segmento { overflow-x: auto; }
.notis-bz .bz-lista { margin-bottom: 12px; }

/* La X para salir de cualquier pop-up o proceso */
.pop-cierra { position: fixed; z-index: 5; top: calc(14px + env(safe-area-inset-top)); right: 14px; width: 44px; height: 44px; display: grid; place-items: center; border-radius: 50%;
  background: rgba(20,21,15,.8); border: 1px solid var(--linea2); color: var(--tinta); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); transition: .25s; }
.pop-cierra:hover { border-color: var(--verde); color: var(--verde); }
.pop-cierra svg { width: 20px; height: 20px; }
@media (max-width: 860px) {
  .campana { width: 38px; height: 38px; } .campana .punto { top: 6px; right: 7px; }
  .notis-caja { width: min(440px, calc(100vw - 22px)); }
}
@media (prefers-reduced-motion: reduce) { .notis *, .notis-caja, .notis-velo { animation: none !important; } }

/* TRAZA · La casa. Capa editorial sin dependencias. Integrada al final de estilos.css. */
:root{--apagado:#a4a69a;--papel:#eee9da;--papel-t:#292b23;--mono:'IBM Plex Mono',ui-monospace,monospace;--radio:18px;--linea:rgba(244,246,236,.12)}
[hidden]{display:none!important}html{scroll-padding-top:105px}body{background:#0b0c09;-webkit-font-smoothing:antialiased}body::before{background:radial-gradient(ellipse at 70% 6%,#30332445,transparent 55%)}body::after{inset:0;opacity:.027}
.saltar{position:fixed;left:16px;top:-70px;z-index:999;padding:12px 20px;background:var(--verde);color:#111}.saltar:focus{top:12px}
.cab{padding:18px max(24px,calc((100vw - 1320px)/2));background:#0b0c09ed;border-bottom:1px solid var(--linea);gap:22px}.marca i{box-shadow:none;width:38px;height:38px}.marca small{font:400 9px var(--mono);letter-spacing:.18em;margin-top:4px;color:var(--tinta2)}.marca b{font-size:15px}.menu{gap:2px}.menu a{font-size:12px;padding:10px 13px;color:var(--apagado)}.menu a svg{display:none}.menu a.activo{background:transparent;color:var(--verde);box-shadow:inset 0 -2px var(--verde);border-radius:0}.menu a:hover{background:#ffffff07}.cab-der{gap:8px}.yo{border-radius:9px;padding-left:12px}.yo .avatar{border-radius:5px}.buscar-global{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--linea2)}.buscar-global svg{width:19px;height:19px}.buscar-global:hover{border-color:var(--verde)}.campana .punto{background:var(--oro);box-shadow:0 0 0 3px var(--fondo);width:7px;height:7px;top:7px;right:7px;margin:0;animation:none}
main{width:min(1320px,100%);padding:48px 40px 100px}.tarjeta{background:#161711;box-shadow:none}.boton{border-radius:10px;box-shadow:none;padding:15px 22px;font-size:13px;min-height:46px}.boton:hover{box-shadow:none;transform:translateY(-2px)}.boton.sec{border-color:#f4f6ec30}.h2{font-size:clamp(26px,3vw,36px);font-weight:700;line-height:1.12}.h2 em,.invitacion-casa h2 em{font:italic 400 1.1em var(--serif);color:var(--verde)}.folio{font:400 10px/1.6 var(--mono);letter-spacing:.16em;color:var(--apagado);text-transform:uppercase}.folio>span{float:right;letter-spacing:.04em}.casa-portada{display:grid;grid-template-columns:1.05fr 1fr;gap:65px;align-items:center;padding:6px 0 40px}.casa-bienvenida h1{font:800 clamp(48px,6.2vw,83px)/.98 var(--grot);letter-spacing:-.055em;margin:27px 0 20px}.casa-bienvenida h1 em{font:italic 400 1.13em/.9 var(--serif);letter-spacing:-.045em;color:var(--verde)}.casa-saludo{font:600 18px var(--sans);margin:25px 0 9px}.casa-sub{color:var(--tinta2);font-size:14px;line-height:1.8}.casa-bienvenida .acciones{margin-top:27px;gap:22px;align-items:center}.casa-link{display:inline-flex;align-items:center;gap:10px;font:500 12px/1.5 var(--sans);color:var(--tinta2)}.casa-link svg{width:16px;height:16px;flex:none}.casa-link:hover{color:var(--verde)}.casa-sinprisa{font:400 10px var(--mono);color:var(--apagado);margin-top:20px}
.pagina-dia{display:flex;flex-direction:column;position:relative;padding:30px 35px 25px;min-height:418px;background:var(--papel);color:var(--papel-t);box-shadow:9px 13px 0 -5px #26291d,0 25px 45px #0005;transform:rotate(1.6deg);border-radius:3px;isolation:isolate;transition:transform .35s}.pagina-dia:hover{transform:rotate(0deg) translateY(-3px)}.pagina-dia::before{content:'';position:absolute;inset:0;z-index:-1;background:repeating-linear-gradient(0deg,transparent 0 31px,#655a3712 31px 32px);opacity:.6}.papel-cab{font:400 9px var(--mono);letter-spacing:.13em;display:flex;justify-content:space-between;gap:12px;padding-bottom:17px;border-bottom:1px solid #292b2340}.papel-comillas{font:110px/1 var(--serif);height:70px;display:block;color:#848866;margin:20px 0 -6px}.pagina-dia blockquote{font:400 clamp(27px,3vw,37px)/1.15 var(--serif);letter-spacing:-.025em;margin:0 0 30px;text-wrap:balance}.papel-autor{display:flex;gap:12px;align-items:center;margin-top:auto}.papel-autor img,.papel-autor .mono{width:40px;height:40px;filter:grayscale(1);background:#d8d4c5;color:#333}.papel-autor b{display:block;font:600 12px var(--sans)}.papel-autor small{display:block;font:400 10px/1.5 var(--sans);max-width:300px;margin-top:4px;color:#54574a}.papel-pie{display:flex;justify-content:space-between;align-items:center;font:400 10px var(--mono);border-top:1px solid #292b2330;margin-top:22px;padding-top:17px}.papel-pie svg{width:18px;height:18px}.marcapaginas{position:absolute;right:25px;top:-9px;width:22px;height:47px;background:var(--verde);clip-path:polygon(0 0,100% 0,100% 100%,50% 80%,0 100%)}
.viaje{display:grid;grid-template-columns:repeat(5,1fr);border-block:1px solid var(--linea2);margin:17px 0 28px}.viaje a{padding:20px 16px;display:flex;align-items:center;gap:12px;border-right:1px solid var(--linea)}.viaje a:first-child{padding-left:0}.viaje a:last-child{border:0}.viaje span{font:400 10px var(--mono);color:var(--apagado)}.viaje svg{width:17px;height:17px;color:var(--verde)}.viaje svg:last-child{margin-left:auto;width:12px;color:var(--apagado)}.viaje b{font:500 12px var(--sans)}.viaje a:hover b{color:var(--verde)}
.seccion{margin-top:55px}.seccion-cab{display:flex;justify-content:space-between;gap:18px;align-items:flex-end;margin-bottom:12px}.seccion-cab .folio{margin-bottom:9px}.seccion-desc{color:var(--apagado);font-size:13px;margin-bottom:23px}.lecturas-casa{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:24px}.lectura-casa{min-width:0}.cubierta-casa{position:relative;display:flex;flex-direction:column;min-height:240px;padding:23px 20px 20px 27px;background:color-mix(in srgb,var(--c) 45%,#20221b);border-radius:2px 7px 7px 2px;box-shadow:inset 6px 0 #0004,inset 8px 0 #ffffff0b,5px 5px 0 -1px #d3cfbc,7px 7px 0 -1px #494b3c;transition:transform .25s}.cubierta-casa::after{content:'';position:absolute;inset:12px 11px 12px 17px;border:1px solid #ffffff25;pointer-events:none}.cubierta-casa small{font:400 7px var(--mono);letter-spacing:.1em;color:#fff9;position:relative;z-index:1}.cubierta-casa b{font:500 clamp(21px,2.2vw,29px)/1.08 var(--serif);margin:26px 0 28px;position:relative;z-index:1}.cubierta-casa em{margin-top:auto;font:400 10px var(--sans);color:#f4f6ecdd;position:relative;z-index:1}.lectura-casa:hover .cubierta-casa{transform:translateY(-6px) rotate(-1deg)}.lectura-pie{display:flex;gap:9px;align-items:center;margin-top:21px}.lectura-pie .avatar{width:28px;height:28px;font-size:12px}.lectura-pie>svg{width:22px;height:22px;color:var(--apagado)}.lectura-pie>svg:last-child{width:14px;margin-left:auto}.lectura-pie b{font:500 10px var(--sans);display:block}.lectura-pie small{font:400 9px var(--sans);display:block;color:var(--apagado);margin-top:4px}
.lo-ultimo{gap:18px;margin-top:25px}.dicho{padding:24px;gap:22px;border-radius:3px;background:transparent;border-width:1px 0 0}.dicho .pie{order:0;margin:0}.dicho .pie .avatar{width:33px;height:33px;font-size:13px}.dicho .pie b{font:500 11px var(--sans)}.dicho .pie small{display:block;font:400 9px/1.5 var(--sans);color:var(--apagado);margin-top:3px}.dicho p{font:400 24px/1.28 var(--serif);color:var(--tinta2)}.avatar{background:hsl(var(--t) 25% 70%);box-shadow:inset 0 0 0 1px #ffffff20}.leyendo-casa{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px}.leyendo-casa>a{display:flex;align-items:center;gap:12px;border:1px solid var(--linea);padding:15px;border-radius:12px}.leyendo-casa .avatar{width:35px;height:35px;font-size:15px}.leyendo-casa b{display:block;font-size:12px}.leyendo-casa small{display:block;font-size:11px;color:var(--apagado);margin-top:5px}.leyendo-casa svg{width:18px;height:18px;margin-left:auto;color:var(--verde)}
.atajos{margin-top:40px;gap:0;border-block:1px solid var(--linea)}.atajos .atajo{background:transparent;border:0;border-right:1px solid var(--linea);border-radius:0;padding:20px;display:flex;align-items:center;gap:13px}.atajos .atajo:last-child{border:0}.atajo .ico{position:static;width:auto;height:auto;background:none;color:var(--apagado)}.atajo .ico svg{width:19px;height:19px}.atajo b{font-size:12px}.atajo .n{margin-left:auto;font:400 21px var(--serif);color:var(--tinta2)}.invitacion-casa{position:relative;margin-top:55px;display:flex;align-items:center;gap:45px;padding:35px 40px;background:#1b1e13;border:1px solid #d7f64a35;border-radius:4px}.invitacion-casa h2{font:700 33px/1.1 var(--grot);letter-spacing:-.03em;margin:12px 0}.invitacion-casa p:not(.folio){font:400 12px/1.8 var(--sans);color:var(--tinta2)}.invitacion-casa>.boton{margin-left:auto;white-space:nowrap}.carne-mini{display:flex;flex-direction:column;justify-content:space-between;width:235px;min-height:145px;flex:none;padding:18px;background:var(--papel);color:var(--papel-t);transform:rotate(-5deg);border-radius:3px;box-shadow:0 8px 15px #0004}.carne-mini small,.carne-mini>span{font:400 7px var(--mono);letter-spacing:.1em}.carne-mini b{font:italic 26px var(--serif);border-bottom:1px solid #1b1a1430;padding-bottom:8px}.pie-web{margin-top:65px;padding-top:26px;display:flex;justify-content:space-between;align-items:center}.pie-web em{font-size:19px}.pie-web a{font-size:10px}
.titulo-sec{font-size:clamp(40px,6vw,68px);font-weight:700;letter-spacing:-.045em;margin-bottom:10px}.intro-sec{color:var(--tinta2);font-size:14px;max-width:620px;margin-bottom:28px}.buscar input{border-radius:9px;min-height:47px;font-size:14px}.chip{border-radius:7px;min-height:40px;font-size:12px}.chip.activo{background:var(--verde);border-color:var(--verde)}.barra .buscar{max-width:460px}.balda{background:transparent;border-radius:0;border:0;margin-top:28px}.balda .rotulo{padding:16px 0}.balda .rotulo b{font-size:17px}.balda .fila{padding-top:20px;padding-bottom:0}.balda .madera{height:8px;background:linear-gradient(#858b5845,#202217);border-radius:2px;box-shadow:0 13px 25px #0008}.lomo{filter:saturate(.6);transition:transform .25s,filter .25s}.lomo:hover,.lomo:focus-visible{filter:saturate(.9);transform:translateY(-12px) rotate(-2deg)}.lomo .tit{font-family:var(--serif);font-weight:500}.pista{font:400 11px var(--mono);color:var(--tinta2)}.libro{border-radius:6px;background:#171911;max-height:88svh}.libro .portadilla{border-radius:4px 0 0 4px;filter:saturate(.65);box-shadow:inset -9px 0 #0004}.libro .paginas{padding:38px}.libro .paginas h2{font-size:32px}.libro-personas{border-block:1px solid var(--linea);padding:20px 0;margin-top:23px}.libro-personas p{color:var(--tinta2);font-size:13px;margin:8px 0 12px}.libro .linea-tiempo .mom .t{font-size:20px}.libro .cerrar{z-index:3;min-height:40px;min-width:40px}
.miembro{background:#1b1d15;border-radius:4px;padding:25px;position:relative;overflow:hidden;border-top:2px solid #d7f64a60}.miembro::before{content:'TRAZA MEMBER';font:400 8px var(--mono);letter-spacing:.2em;color:var(--apagado);display:block;margin-bottom:22px}.miembro .arriba{align-items:center}.miembro .arriba b{font-size:20px}.miembro .lee{border-block:1px solid var(--linea);padding:15px 0;margin:18px 0;font-size:12px}.miembro .frase{font:italic 22px/1.25 var(--serif);color:var(--tinta2)}.miembro .nivel{margin-top:15px;font-size:10px}.perfil-cab{border-radius:4px;background:var(--papel);color:var(--papel-t);border:0;position:relative}.perfil-cab::after{content:'TRAZA MEMBER';position:absolute;right:24px;top:16px;font:400 9px var(--mono);letter-spacing:.14em;color:#4e5544}.perfil-cab .meta{color:#53594a}.perfil-cab .nivel{color:#3f4b1f;border-color:#586c3330;background:#d7f64a40}.perfil-cab h1{font-size:clamp(28px,4vw,45px)}.perfil-cab .red{color:#292b23;border-color:#292b2340}.perfil-frase{border:0;background:none;padding-inline:0}.perfil-frase .cita{font-size:clamp(28px,4vw,40px)}.lectura{border-radius:5px}.idea9{border-radius:5px;background:#181a13}.idea9.hoy{background:var(--papel);color:var(--papel-t);border:0}.idea9.hoy .meta{color:#555b4e}.idea9.hoy .dia,.idea9.hoy .quien b{color:var(--papel-t)}.idea9.hoy .mas,.idea9.hoy .mas b{color:#414a35!important}.idea9.hoy .boton.sec{color:#252b1c;border-color:#252b1c50}.idea9.hoy .nivel{background:#d7f64a;color:#202613}.idea9 p{font-size:26px}.autor-g{border-radius:5px;filter:saturate(.5)}.autor-p{border-radius:7px}.fecha-ev{border-radius:6px}.banner-ev{padding:22px 24px;border-radius:5px;background:linear-gradient(105deg,#242217,#17180f);border:1px solid #f1c65d40}.banner-ev .txt>b{font-size:22px}.banner-ev .txt>b em{font:italic 400 1.1em var(--serif)}.ev-ficha{background:var(--papel);color:#292b23;border-radius:5px}.ev-ficha dt,.ev-ficha .meta{color:#515847}.ev-ficha .boton.sec{color:#292b23;border-color:#292b2355}.ev-ficha dd b{color:#515b27!important}.ev-hero .titulo{font:400 13px var(--mono);letter-spacing:.18em;color:var(--oro);text-transform:uppercase}.ev-hero .lema-ev{font:italic 22px var(--serif)}.titulo-ev{font-size:clamp(38px,5vw,65px);margin:24px 0}.ev-hero .sub{font-size:15px;line-height:1.7}.agenda-ev{border-block:1px solid var(--linea);padding-block:10px}.mesa-ev{border-radius:5px}.pasos-ev>.tarjeta{border-radius:5px}.notis-caja{background:#13150f}.noti{border-radius:5px;padding:24px;background:#202419;border-color:#d7f64a30}.notis-bz{border-radius:5px}.noti-t{font-size:28px}.notis-cab{padding-block:25px}.notis-cab b{font-size:33px}.notis-luz{opacity:.35}.notis-bz .bz-form textarea{min-height:95px}.busqueda-global{width:min(680px,100%);padding:28px;max-height:88svh;overflow:auto;position:relative;border-radius:8px}.busqueda-global header{display:flex;justify-content:space-between;padding-right:40px}.busqueda-global h2{font:700 38px var(--grot);margin:16px 0 24px}.busqueda-global h2 em{font:italic 400 1.1em var(--serif);color:var(--verde)}.busqueda-global .buscar{display:block;max-width:100%}#resultados-global{margin-top:24px}#resultados-global h3{font:400 10px var(--mono);text-transform:uppercase;letter-spacing:.13em;color:var(--verde);margin:20px 0 8px}#resultados-global a{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 0;border-bottom:1px solid var(--linea)}#resultados-global a b{font-size:14px;display:block}#resultados-global small{display:block;font-size:11px;color:var(--apagado);margin-top:4px}#resultados-global a svg{width:18px;height:18px;flex:none}#resultados-global a:hover{color:var(--verde)}.cargando-casa{padding:50px 0;min-height:65svh}.cargando-casa>span{font:400 11px var(--mono);letter-spacing:.16em;color:var(--apagado)}.cargando-casa h1{font:700 70px/1 var(--grot);margin:35px 0}.cargando-casa h1 em{font:italic 400 1.1em var(--serif);color:var(--verde)}.cargando-casa p{color:var(--apagado)}
/* Flujos independientes: conservar el CSS original del formulario, refinar sin contaminarlo. */
.flujo-casa{--apagado:#a4a69a}.flujo-casa .app{width:min(620px,100%)}.flujo-casa .boton{border-radius:10px;box-shadow:none}.flujo-casa .op{border-radius:10px}.flujo-casa .campo input,.flujo-casa textarea{border-radius:8px}.flujo-casa .ficha{box-shadow:0 20px 40px #0005;rotate:-2deg}.flujo-casa h1{font-size:clamp(37px,8vw,50px);letter-spacing:-.045em}.flujo-casa .sub{line-height:1.7}.flujo-casa .barra,.flujo-casa .cab{background:transparent;backdrop-filter:none}.flujo-casa .ficha .cab{padding:0 0 12px;position:static}.flujo-casa .portada{display:flex}.flujo-casa .enun .boton{margin-top:24px}.flujo-casa .nota{background:#1b1f15;border-color:#d7f64a30}.flujo-casa :focus-visible{outline:2px solid var(--verde);outline-offset:4px}.flujo-casa .icono{min-width:42px;min-height:42px}
@media(min-width:1100px){.flujo-ficha .app{width:min(1100px,100%);padding-inline:40px}.flujo-ficha .portada{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center;flex:1}.flujo-ficha .portada .escena{order:2;margin:0}.flujo-ficha .portada .enun{order:1}.flujo-ficha .portada .sub{max-width:38ch}.flujo-ficha .paso{max-width:520px;margin-inline:auto;width:100%}}
@media(max-width:1100px){.cab{gap:12px;padding-inline:24px}.menu a{padding-inline:10px}.casa-portada{gap:35px}.carne-mini{display:none}.invitacion-casa{gap:25px}.casa-bienvenida .acciones{gap:16px;flex-wrap:wrap}}
@media(max-width:860px){html{scroll-padding-top:80px}.cab{padding:12px 20px}.menu{display:none}.yo{padding:4px}.cab-der{gap:7px}.marca i{width:31px;height:31px}.marca b{font-size:13px}.marca small{font-size:8px}.buscar-global,.campana{width:38px;height:38px}main{padding:28px 22px 115px}.casa-portada{gap:32px;grid-template-columns:1fr;padding:0 0 20px}.casa-bienvenida h1{font-size:64px;margin:21px 0 16px}.casa-bienvenida h1 br:first-of-type{display:none}.casa-bienvenida .folio>span{font-size:8px}.casa-saludo{font-size:16px;margin-top:17px}.casa-sub{font-size:13px}.casa-sinprisa{margin-top:14px}.casa-bienvenida .acciones{margin-top:21px;gap:18px}.pagina-dia{min-height:320px;margin:8px 5px 10px;padding:25px 25px 20px;transform:rotate(1deg)}.pagina-dia blockquote{font-size:30px;margin-bottom:25px}.papel-comillas{height:50px;font-size:85px;margin-top:13px}.papel-autor small{font-size:10px}.viaje{margin-top:12px}.viaje a{flex-direction:column;gap:8px;padding:15px 3px;position:relative}.viaje a:first-child{padding-left:3px}.viaje a>svg:last-child{display:none}.viaje a span{font-size:8px}.viaje a b{font-size:10px}.viaje a svg{width:18px;height:18px}.seccion{margin-top:35px}.seccion-cab{align-items:flex-start}.seccion-cab>.casa-link{font-size:10px;max-width:100px;line-height:1.6;flex:none}.h2{font-size:29px;max-width:430px}.folio{font-size:9px;letter-spacing:.12em}.seccion-desc{font-size:12px}.lecturas-casa{grid-template-columns:repeat(2,1fr);gap:26px 20px}.cubierta-casa{min-height:225px;padding:22px 18px 20px 23px}.cubierta-casa b{font-size:27px}.cubierta-casa small{font-size:6px}.lectura-pie small{font-size:8px}.lectura-pie b{font-size:9px}.lectura-pie{gap:7px}.lectura-pie .avatar{width:25px;height:25px}.leyendo-casa{grid-template-columns:1fr 1fr;gap:9px}.leyendo-casa>a{padding:12px;gap:8px}.leyendo-casa svg{display:none}.leyendo-casa b{font-size:11px}.leyendo-casa small{font-size:10px}.lo-ultimo{grid-template-columns:1fr;gap:2px;margin-top:20px}.dicho{padding:23px 0;gap:17px}.dicho p{font-size:25px}.atajos{display:grid;grid-template-columns:repeat(2,1fr);margin-top:25px}.atajos .atajo{padding:17px 10px;border-bottom:1px solid var(--linea)}.atajos .atajo:nth-child(2){border-right:0}.atajos .atajo:nth-child(n+3){border-bottom:0}.invitacion-casa{display:block;padding:25px;margin-top:35px}.invitacion-casa h2{font-size:33px}.invitacion-casa>.boton{margin-top:22px}.pie-web{margin-top:40px;display:block;text-align:left;padding:25px 0}.pie-web nav{justify-content:flex-start;margin-top:20px;gap:18px;flex-wrap:wrap}.pie-web em{font-size:19px}.tabs{left:0;right:0;bottom:0;border-radius:0;border-width:1px 0 0;background:#10120df5;padding:8px 6px max(12px,env(safe-area-inset-bottom));gap:0;box-shadow:none}.tabs a{font-size:9px;padding:9px 1px;gap:5px;border-radius:9px;color:var(--tinta2);min-height:48px}.tabs a svg{width:19px;height:19px}.tabs a.activo{background:#d7f64a12;color:var(--verde)}.tabs a.cofre{box-shadow:none;animation:none}.banner-ev{padding:17px 14px;gap:12px}.banner-ev .txt>b{font-size:18px}.banner-ev .meta{font-size:10px;line-height:1.5;display:block}.titulo-sec{font-size:46px}.intro-sec{font-size:13px;line-height:1.7;margin-bottom:23px}.libro .paginas{padding:25px}.libro .portadilla{min-height:230px;border-radius:4px 4px 0 0}.libro .portadilla h3{font-size:33px;max-width:80%}.libro .paginas h2{font-size:28px}.libro{max-height:90svh}.libro .cerrar{position:fixed;top:max(18px,env(safe-area-inset-top));right:18px;background:#0b0c09;color:var(--tinta);border:1px solid #ffffff60}.balda .rotulo{gap:7px;align-items:flex-start;flex-direction:column}.balda .rotulo b{font-size:17px}.balda .rotulo span{font-size:11px}.perfil-cab{padding:35px 20px 22px}.perfil-cab::after{font-size:8px;right:15px;top:12px}.perfil-cab h1{font-size:30px}.perfil-cab .redes{margin-top:12px}.segmento button{font-size:12px;min-height:42px}.segmento{max-width:100%;overflow:auto}.ev-cab{grid-template-columns:1fr}.ev-ficha{padding:25px}.ev-hero .titulo-ev{font-size:43px}.ev-hero .chips-ev{font-size:11px}.busqueda-global{padding:23px;max-height:85svh}.busqueda-global .folio{font-size:8px}.busqueda-global h2{font-size:34px}.notis-cab{padding-top:24px}.notis-caja{width:min(440px,100vw)}.miembro .arriba b{font-size:21px}.flujo-casa .app{padding-inline:22px}.flujo-casa .portada{display:flex}.flujo-casa .portada .escena{margin-top:18px}.flujo-casa .ficha .cab{padding-bottom:10px}.flujo-casa .portada .enun{padding-top:20px}.flujo-casa .nota{right:22px}.cargando-casa h1{font-size:58px}}
@media(max-width:380px){main{padding-inline:18px}.casa-bienvenida h1{font-size:57px}.pagina-dia blockquote{font-size:27px}.casa-bienvenida .acciones{gap:13px}.casa-link{font-size:11px}.cubierta-casa{min-height:210px}.cubierta-casa b{font-size:24px}.lecturas-casa{gap:24px 16px}.tabs a{font-size:8px}}
@media(max-width:860px){.casa-bienvenida h1{font-size:54px;line-height:1.02}.casa-bienvenida h1 br:first-of-type{display:initial}.casa-bienvenida .folio>span{float:none;display:block;margin-top:5px}.casa-bienvenida .acciones .casa-link{min-height:40px}.yo>span:first-child{display:none}.seccion-cab .h2{font-size:27px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.aparece{opacity:1;transform:none}.pagina-dia,.flujo-casa .ficha{transform:none!important;rotate:0deg!important}.oro-part,.confeti{display:none!important}}

.pista{background:#d7f64a14;color:var(--tinta2);box-shadow:none;border:1px solid #d7f64a25;border-radius:5px;padding:10px 14px}.boton:disabled{opacity:.5;cursor:not-allowed;transform:none}.libro .linea-tiempo .mom .meta{line-height:1.5}
#vista.pagina{animation:none}.entra{animation:casa-entrada .3s ease-out both}.aparece{opacity:1;transform:none;transition:border-color .2s,transform .2s}
@keyframes casa-entrada{from{transform:translateY(6px);opacity:.85}}
.ev-ficha .fecha-grande b{color:#565e2c}.ev-ficha .fecha-grande span{color:#53594a}.ev-ficha .ya-lista{color:#3e4b16;background:#d7f64a35;border-color:#67772f55}


/* Tu ficha: capítulos breves, atajos y una tarjeta que crece contigo. */
.ficha-intro{max-width:660px;color:var(--tinta2);margin:-12px 0 28px;line-height:1.7}
.ficha-capitulo{border:1px solid var(--linea);border-radius:18px;padding:18px 20px;min-width:0}
.ficha-capitulo summary{display:flex;align-items:center;gap:12px;cursor:pointer;list-style:none;font-size:16px}
.ficha-capitulo summary::-webkit-details-marker{display:none}
.ficha-capitulo summary>span{font:12px var(--mono);color:var(--verde)}
.ficha-capitulo summary i{margin-left:auto;font-size:24px;font-style:normal;color:var(--verde)}
.ficha-capitulo[open] summary i{transform:rotate(45deg)}
.ficha-capitulo>p{color:var(--apagado);font-size:13px;margin:10px 0 18px}
.ficha-capitulo .campo{margin-top:16px}
.ficha-pulso{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;font-size:12px;color:var(--tinta2)}
.ficha-pulso b{font-weight:400;color:var(--verde)}
.ficha-pulso progress{width:100%;height:5px;accent-color:var(--verde)}
.ficha-atajos{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:8px 0}
.ficha-atajos>span{width:100%;font-size:13px;color:var(--apagado)}
.ficha-atajos button,.ficha-inspiracion{border:1px solid var(--linea);background:var(--sobre);color:var(--tinta);border-radius:30px;padding:10px 14px;font:inherit;font-size:12px;cursor:pointer}
.ficha-atajos button:hover,.ficha-inspiracion:hover{border-color:var(--verde);color:var(--verde)}
.ficha-inspiracion{margin-top:12px}.ficha-estado{font-size:13px;line-height:1.6;color:var(--tinta2)}
.formulario .vista:before{content:'Así te encontrará tu gente';display:block;font:italic 25px var(--serif);margin-bottom:14px}
@media(max-width:900px){.formulario .vista.ficha-preview-movil{display:block;position:static;order:initial}.ficha-capitulo{padding:16px 14px}.ficha-capitulo .dos{grid-template-columns:1fr}.ficha-intro{margin-top:0}}

/* Invitados por revelar: figura humana, sin tarjetas cuadradas. */
.pf-p i,.ponente .silueta,.ponente.oro .silueta{width:68px;height:84px;border:0;border-radius:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 68 84'%3E%3Ccircle cx='34' cy='23' r='18' fill='%232c2d22' stroke='%238f8957' stroke-width='1'/%3E%3Cpath d='M3 81C3 59 15 46 34 46S65 59 65 81' fill='%232c2d22' stroke='%238f8957' stroke-width='1'/%3E%3C/svg%3E") center/contain no-repeat;display:flex;align-items:flex-start;justify-content:center;padding-top:7px;font:italic 400 29px/1 var(--serif);color:var(--oro);box-sizing:border-box}
.ponente .silueta i{font:italic 400 29px/1 var(--serif);color:var(--oro)}
.pf-p{gap:7px;min-width:0}.pf-sil{gap:clamp(8px,2vw,20px);flex-wrap:wrap}.pf-p small{max-width:110px;text-align:center;line-height:1.5}.pf-p .por-revelar{font-size:8px;color:var(--oro);letter-spacing:.07em;text-transform:uppercase}.ponente.oculto b{white-space:normal}