@font-face{font-family:'Fraunces';font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/fraunces-latin-500-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2212}
@font-face{font-family:'Fraunces';font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/fraunces-latin-600-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2212}
@font-face{font-family:'Fraunces';font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/fraunces-latin-700-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2212}
@font-face{font-family:'Outfit';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/outfit-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2212}
@font-face{font-family:'Outfit';font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/outfit-latin-500-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2212}
@font-face{font-family:'Outfit';font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/outfit-latin-600-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2212}
@font-face{font-family:'Outfit';font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/outfit-latin-700-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2212}

@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/inter-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2212}
@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/inter-latin-500-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2212}
@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/inter-latin-600-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2212}
@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/inter-latin-700-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2212}
:root{
  /* Paleta BizGuay v1.3: carbón, tinta, crema, chispa, chispa profundo, ámbar, magenta, azul, cielo, arena, piedra */
  --carbon:#0C0A08;--tinta:#1A1612;--crema:#FFF8EF;--chispa:#FF5A2B;--chispa-p:#C2410C;--ambar:#FFA21A;--magenta:#F0357F;--azul:#2450FF;--cielo:#4CC9FF;--arena:#BDB2A3;--piedra:#5C534C;
  --bg:#FFF8EF;--surface:#FFFFFF;--elev:#FFF1E0;--fg:#1A1612;--muted:#4A433C;--subtle:#5C534C;
  --accent:#C2410C;--accent-b:#FF5A2B;--link:#C2410C;--btn-bg:#C2410C;--btn-fg:#FFF8EF;
  --line:rgba(26,22,18,.12);--line2:rgba(26,22,18,.22);--focus:#C2410C;--danger:#B3261E;--ok:#0F6B3F;
  --disp:'Outfit',ui-sans-serif,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --ui:'Inter',ui-sans-serif,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --edit:'Fraunces',ui-serif,Georgia,'Times New Roman',serif;
  --r1:8px;--r2:14px;--r3:20px;--r4:28px;color-scheme:light;
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --bg:#0C0A08;--surface:#16120F;--elev:#1F1A15;--fg:#F4ECE0;--muted:#BDB2A3;--subtle:#A89D8E;
    --accent:#E6BD85;--link:#E6BD85;--btn-bg:#FF5A2B;--btn-fg:#1A1612;--line:rgba(244,236,224,.14);--line2:rgba(244,236,224,.28);--focus:#E6BD85;--danger:#FF8A80;--ok:#7DD3A8;color-scheme:dark;
  }
}
:root[data-theme="dark"]{
  --bg:#0C0A08;--surface:#16120F;--elev:#1F1A15;--fg:#F4ECE0;--muted:#BDB2A3;--subtle:#A89D8E;
  --accent:#E6BD85;--link:#E6BD85;--btn-bg:#FF5A2B;--btn-fg:#1A1612;--line:rgba(244,236,224,.14);--line2:rgba(244,236,224,.28);--focus:#E6BD85;--danger:#FF8A80;--ok:#7DD3A8;color-scheme:dark;
}
:root{box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
html{scroll-padding-top:calc(env(safe-area-inset-top,0px) + 120px)}
*,*::before,*::after{box-sizing:inherit}
html,body{margin:0}
body{background:var(--bg);color:var(--fg);font:400 16px/1.55 var(--ui);-webkit-font-smoothing:antialiased}
a{color:var(--link)}
h1,h2,h3{font-family:var(--disp);font-weight:700;letter-spacing:-.02em;line-height:1.1;margin:0}
h1{font-size:clamp(2.1rem,5.6vw,3.9rem)}
h2{font-size:clamp(1.5rem,3vw,2.2rem)}
h3{font-size:1.2rem}
p{margin:0}
.wrap{max-width:1180px;margin:0 auto;padding:0 20px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:-999px;top:8px;background:var(--btn-bg);color:var(--btn-fg);padding:10px 14px;border-radius:8px;z-index:50}
.skip:focus{left:8px}
:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:6px}
button,input,select,textarea{font:inherit;color:inherit}
.fine{color:var(--subtle);font-size:.9rem}
.eyebrow{font-size:.75rem;letter-spacing:.16em;text-transform:uppercase;color:var(--subtle);font-weight:500}

/* header */
.top{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.bar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding-top:10px;padding-bottom:10px}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--fg)}
.logo i{width:40px;height:40px;border-radius:12px;background:#1a1612 center/cover;border:1px solid var(--line2);display:block}
.logo b{display:block;font:700 1.35rem/1 var(--disp);letter-spacing:.01em}
.logo small{display:block;font-size:.62rem;letter-spacing:.2em;color:var(--subtle);margin-top:3px}
#nav{display:flex;gap:2px;overflow-x:auto;flex:1 1 100%;order:3;scrollbar-width:none}
#nav::-webkit-scrollbar{display:none}
#nav a{padding:0 13px;min-height:44px;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;text-decoration:none;color:var(--muted);font-weight:500;border-radius:999px}
#nav a[aria-current="page"]{color:var(--fg);background:var(--elev)}
#nav a:hover{color:var(--fg)}
.badge{background:var(--btn-bg);color:var(--btn-fg);border-radius:999px;font-size:.72rem;font-weight:700;padding:1px 7px}
.top .btn{margin-left:auto}
@media(min-width:960px){#nav{order:0;flex:1 1 auto;margin-left:18px}.top .btn{margin-left:0}}

/* buttons & chips */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 20px;border-radius:999px;border:1.5px solid var(--line2);background:transparent;color:var(--fg);font-weight:600;text-decoration:none;cursor:pointer;transition:background .15s,border-color .15s}
.btn:hover{background:var(--elev);border-color:var(--fg)}
.btn.primary{background:var(--btn-bg);border-color:var(--btn-bg);color:var(--btn-fg)}
.btn.primary:hover{filter:brightness(1.08);background:var(--btn-bg)}
.btn.small{min-height:40px;padding:0 15px;font-size:.92rem}
.btn[aria-pressed="true"]{background:var(--elev);border-color:var(--accent)}
.chip{display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:2px 11px;border-radius:999px;background:var(--elev);color:var(--fg);font-size:.8rem;font-weight:500;border:1px solid var(--line);text-decoration:none}
button.chip,a.chip.act{cursor:pointer;min-height:40px;font-size:.92rem;background:var(--surface)}
button.chip:hover,a.chip.act:hover{border-color:var(--fg)}
.chips{display:flex;gap:8px;flex-wrap:wrap}
.chip.pf{background:var(--surface)}

/* imágenes por clase (una sola copia de cada archivo) */
.ph{background-color:#241d16;background-size:cover;background-position:center}
.im-cat-agro{background-image:url(/assets/img/cat-agro.jpg)}
.im-cat-belleza{background-image:url(/assets/img/cat-belleza.jpg)}
.im-cat-comida{background-image:url(/assets/img/cat-comida.jpg)}
.im-cat-digital{background-image:url(/assets/img/cat-digital.jpg)}
.im-cat-dulces{background-image:url(/assets/img/cat-dulces.jpg)}
.im-cat-gadget{background-image:url(/assets/img/cat-gadget.jpg)}
.im-cat-hogar{background-image:url(/assets/img/cat-hogar.jpg)}
.im-cat-moda{background-image:url(/assets/img/cat-moda.jpg)}
.im-cat-movilidad{background-image:url(/assets/img/cat-movilidad.jpg)}
.im-cat-servicios{background-image:url(/assets/img/cat-servicios.jpg)}
.im-cover-alara{background-image:url(/assets/img/cover-alara.jpg)}
.im-cover-amazon-fba{background-image:url(/assets/img/cover-amazon-fba.jpg)}
.im-cover-baklava{background-image:url(/assets/img/cover-baklava.jpg)}
.im-cover-bolso-fotogenico{background-image:url(/assets/img/cover-bolso-fotogenico.jpg)}
.im-cover-bombones-premium{background-image:url(/assets/img/cover-bombones-premium.jpg)}
.im-cover-bubble-tea-asia{background-image:url(/assets/img/cover-bubble-tea-asia.jpg)}
.im-cover-carnaval-fiesta{background-image:url(/assets/img/cover-carnaval-fiesta.jpg)}
.im-cover-cartera-audax{background-image:url(/assets/img/cover-cartera-audax.jpg)}
.im-cover-china-import{background-image:url(/assets/img/cover-china-import.jpg)}
.im-cover-chocolate-artesanal{background-image:url(/assets/img/cover-chocolate-artesanal.jpg)}
.im-cover-cloud-kitchen{background-image:url(/assets/img/cover-cloud-kitchen.jpg)}
.im-cover-contenedor-francois{background-image:url(/assets/img/cover-contenedor-francois.jpg)}
.im-cover-cuentas-abiertas{background-image:url(/assets/img/cover-cuentas-abiertas.jpg)}
.im-cover-detailing-london{background-image:url(/assets/img/cover-detailing-london.jpg)}
.im-cover-detailing-movil{background-image:url(/assets/img/cover-detailing-movil.jpg)}
.im-cover-dolato{background-image:url(/assets/img/cover-dolato.jpg)}
.im-cover-factorial-pyme{background-image:url(/assets/img/cover-factorial-pyme.jpg)}
.im-cover-fintech-lagos{background-image:url(/assets/img/cover-fintech-lagos.jpg)}
.im-cover-food-truck-goodies{background-image:url(/assets/img/cover-food-truck-goodies.jpg)}
.im-cover-forbes-cinco{background-image:url(/assets/img/cover-forbes-cinco.jpg)}
.im-cover-globos{background-image:url(/assets/img/cover-globos.jpg)}
.im-cover-glovo-mochila{background-image:url(/assets/img/cover-glovo-mochila.jpg)}
.im-cover-grab{background-image:url(/assets/img/cover-grab.jpg)}
.im-cover-granja-carlos{background-image:url(/assets/img/cover-granja-carlos.jpg)}
.im-cover-granja-vertical{background-image:url(/assets/img/cover-granja-vertical.jpg)}
.im-cover-hidroponia{background-image:url(/assets/img/cover-hidroponia.jpg)}
.im-cover-hogar-ciclo{background-image:url(/assets/img/cover-hogar-ciclo.jpg)}
.im-cover-hogar-organizado{background-image:url(/assets/img/cover-hogar-organizado.jpg)}
.im-cover-huevos-vital{background-image:url(/assets/img/cover-huevos-vital.jpg)}
.im-cover-ikea-plano{background-image:url(/assets/img/cover-ikea-plano.jpg)}
.im-cover-importar-asia{background-image:url(/assets/img/cover-importar-asia.jpg)}
.im-cover-invernadero-holanda{background-image:url(/assets/img/cover-invernadero-holanda.jpg)}
.im-cover-jamon-eventos{background-image:url(/assets/img/cover-jamon-eventos.jpg)}
.im-cover-kbeauty{background-image:url(/assets/img/cover-kbeauty.jpg)}
.im-cover-limpieza-escala{background-image:url(/assets/img/cover-limpieza-escala.jpg)}
.im-cover-limpieza-hogar{background-image:url(/assets/img/cover-limpieza-hogar.jpg)}
.im-cover-marca-laptop{background-image:url(/assets/img/cover-marca-laptop.jpg)}
.im-cover-matcha{background-image:url(/assets/img/cover-matcha.jpg)}
.im-cover-milka-colab{background-image:url(/assets/img/cover-milka-colab.jpg)}
.im-cover-mini-fabrica{background-image:url(/assets/img/cover-mini-fabrica.jpg)}
.im-cover-moda-circular{background-image:url(/assets/img/cover-moda-circular.jpg)}
.im-cover-mpesa-agente{background-image:url(/assets/img/cover-mpesa-agente.jpg)}
.im-cover-noelia-margen{background-image:url(/assets/img/cover-noelia-margen.jpg)}
.im-cover-nude-sudadera{background-image:url(/assets/img/cover-nude-sudadera.jpg)}
.im-cover-oficios-usa{background-image:url(/assets/img/cover-oficios-usa.jpg)}
.im-cover-pestanias-drybar{background-image:url(/assets/img/cover-pestanias-drybar.jpg)}
.im-cover-postre-ugc{background-image:url(/assets/img/cover-postre-ugc.jpg)}
.im-cover-reparacion-celulares{background-image:url(/assets/img/cover-reparacion-celulares.jpg)}
.im-cover-servicios-digitales{background-image:url(/assets/img/cover-servicios-digitales.jpg)}
.im-cover-sneakers-stockx{background-image:url(/assets/img/cover-sneakers-stockx.jpg)}
.im-cover-soledad-japon{background-image:url(/assets/img/cover-soledad-japon.jpg)}
.im-cover-spotspots-correa{background-image:url(/assets/img/cover-spotspots-correa.jpg)}
.im-cover-taller-pantalla{background-image:url(/assets/img/cover-taller-pantalla.jpg)}
.im-cover-unas-premium{background-image:url(/assets/img/cover-unas-premium.jpg)}
.im-cover-velas-arcilla{background-image:url(/assets/img/cover-velas-arcilla.jpg)}
.im-cover-vending-24{background-image:url(/assets/img/cover-vending-24.jpg)}
.im-cover-vicio-volumen{background-image:url(/assets/img/cover-vicio-volumen.jpg)}
.im-hero{background-image:url(/assets/img/hero.jpg)}
.im-v01{background-image:url(/assets/img/v01.jpg)}
.im-v03{background-image:url(/assets/img/v03.jpg)}
.im-v04{background-image:url(/assets/img/v04.jpg)}
.im-v05{background-image:url(/assets/img/v05.jpg)}
.im-v06{background-image:url(/assets/img/v06.jpg)}
.im-v07{background-image:url(/assets/img/v07.jpg)}
.im-v08{background-image:url(/assets/img/v08.jpg)}
.im-v09{background-image:url(/assets/img/v09.jpg)}
.im-v10{background-image:url(/assets/img/v10.jpg)}
.im-v12{background-image:url(/assets/img/v12.jpg)}
.im-v13{background-image:url(/assets/img/v13.jpg)}
.im-v15{background-image:url(/assets/img/v15.jpg)}
.im-v16{background-image:url(/assets/img/v16.jpg)}
.im-v18{background-image:url(/assets/img/v18.jpg)}
.im-v19{background-image:url(/assets/img/v19.jpg)}
.im-v20{background-image:url(/assets/img/v20.jpg)}
.im-v21{background-image:url(/assets/img/v21.jpg)}
.im-i-seis-fuscas{background-image:url(/assets/img/i-seis-fuscas.jpg)}
.im-i-suela-havaianas{background-image:url(/assets/img/i-suela-havaianas.jpg)}
.im-i-bowl-acai{background-image:url(/assets/img/i-bowl-acai.jpg)}
.im-i-caja-oriental{background-image:url(/assets/img/i-caja-oriental.jpg)}
.im-i-tabla-snowdevil{background-image:url(/assets/img/i-tabla-snowdevil.jpg)}
.im-i-mensualidad-fit{background-image:url(/assets/img/i-mensualidad-fit.jpg)}
.im-i-saquinho-pao{background-image:url(/assets/img/i-saquinho-pao.jpg)}
.im-i-mostrador-magalu{background-image:url(/assets/img/i-mostrador-magalu.jpg)}
.im-i-camiseta-insider{background-image:url(/assets/img/i-camiseta-insider.jpg)}
.im-i-bermuda-reserva{background-image:url(/assets/img/i-bermuda-reserva.jpg)}
.im-i-esfiha-volumen{background-image:url(/assets/img/i-esfiha-volumen.jpg)}
.im-i-comision-ifood{background-image:url(/assets/img/i-comision-ifood.jpg)}
.im-i-reel-una-idea{background-image:url(/assets/img/i-reel-una-idea.jpg)}
.im-i-mueble-sin-deposito{background-image:url(/assets/img/i-mueble-sin-deposito.jpg)}
.im-i-farmacia-boticario{background-image:url(/assets/img/i-farmacia-boticario.jpg)}
.im-i-pasta-spoleto{background-image:url(/assets/img/i-pasta-spoleto.jpg)}
.im-i-turno-99{background-image:url(/assets/img/i-turno-99.jpg)}
.im-i-tarjeta-morada{background-image:url(/assets/img/i-tarjeta-morada.jpg)}
.im-i-consulta-natura{background-image:url(/assets/img/i-consulta-natura.jpg)}
.im-i-accesorio-multilaser{background-image:url(/assets/img/i-accesorio-multilaser.jpg)}
.im-i-hamburguesa-madero{background-image:url(/assets/img/i-hamburguesa-madero.jpg)}
.im-v11{background-image:url(/assets/img/v11.jpg)}
.im-v14{background-image:url(/assets/img/v14.jpg)}
.im-v17{background-image:url(/assets/img/v17.jpg)}
.im-i-gafa-quiosco{background-image:url(/assets/img/i-gafa-quiosco.jpg)}
.im-i-clase-grabada{background-image:url(/assets/img/i-clase-grabada.jpg)}
.im-i-huevo-cacau{background-image:url(/assets/img/i-huevo-cacau.jpg)}
.im-i-tapete-organizador{background-image:url(/assets/img/i-tapete-organizador.jpg)}
.im-i-canal-primo{background-image:url(/assets/img/i-canal-primo.jpg)}
.im-i-fianza-quinto{background-image:url(/assets/img/i-fianza-quinto.jpg)}
.im-v02{background-image:url(/assets/img/v02.jpg)}


/* hero */
.hero{position:relative;color:#FFF8EF;background:#0c0a08 url('') center/cover;overflow:hidden}
.hero::before{content:"";position:absolute;inset:0;background:linear-gradient(95deg,rgba(12,10,8,.92) 0%,rgba(12,10,8,.72) 48%,rgba(12,10,8,.35) 100%)}
.hero .wrap{position:relative;padding-top:56px;padding-bottom:40px}
.hero h1{max-width:16ch}
.hero .lead{font-size:1.15rem;max-width:56ch;margin-top:16px;color:#E9DECF}
.hero .eyebrow{color:#E6BD85;margin-bottom:12px}
.searchbar{display:flex;margin-top:26px;max-width:760px;border-radius:999px;background:#FFFFFF;overflow:hidden;box-shadow:0 10px 30px -12px rgba(0,0,0,.6)}
.searchbar input{flex:1;min-width:0;border:0;background:transparent;color:#1A1612;padding:0 22px;min-height:58px;font-size:1.12rem;outline:none}
.searchbar input::placeholder{color:#6b6157}
.searchbar button{border:0;background:#FF5A2B;color:#1A1612;font-weight:700;padding:0 26px;cursor:pointer;display:flex;align-items:center;gap:8px}
.searchbar:focus-within{outline:3px solid #E6BD85;outline-offset:3px}
.page .searchbar{background:var(--surface);border:1.5px solid var(--line2);box-shadow:none}
.page .searchbar input{color:var(--fg)}
.page .searchbar input::placeholder{color:var(--subtle)}
.page .searchbar button{background:var(--btn-bg);color:var(--btn-fg)}
.stats{margin-top:14px;color:#D8CCBB;font-size:.95rem}
.hero .chips{margin-top:12px}
.hero .chip{background:rgba(255,248,239,.12);color:#FFF8EF;border-color:rgba(255,248,239,.28)}
.hero button.chip:hover{background:rgba(255,248,239,.22)}
.hero .fine{color:#D8CCBB}
#live{margin-top:18px;max-width:820px;background:rgba(22,18,15,.78);border:1px solid rgba(255,248,239,.16);border-radius:var(--r3);padding:6px 16px}
#live:empty{display:none}
.livehead{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:10px 0 6px;color:#D8CCBB;font-size:.92rem}
.livehead a{color:#E6BD85}
.liverow{display:grid;grid-template-columns:76px 1fr auto;gap:12px;align-items:center;padding:10px 0;border-top:1px solid rgba(255,248,239,.12)}
.liverow .th{aspect-ratio:1;border-radius:12px}
.liverow h3{font:600 1rem/1.25 var(--ui)}
.liverow h3 a{color:#FFF8EF;text-decoration:none}
.liverow h3 a:hover{text-decoration:underline}
.liverow small{color:#CFC3B2}
.liverow .btn{border-color:rgba(255,248,239,.35);color:#FFF8EF}
.liverow .btn:hover{background:rgba(255,248,239,.14)}
#live .empty{border-color:rgba(255,248,239,.3);color:#FFF8EF;background:transparent;margin:10px 0}
#live .empty .btn{color:#FFF8EF;border-color:rgba(255,248,239,.4)}

/* secciones */
section.block{padding:42px 0}
.sechead{display:flex;justify-content:space-between;align-items:end;gap:16px;flex-wrap:wrap;margin-bottom:22px}
.sechead p{color:var(--muted);max-width:62ch;margin-top:8px}
.sectors{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px}
.tile{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:270px;border-radius:var(--r3);overflow:hidden;text-decoration:none;color:#FFF8EF;border:1px solid var(--line);isolation:isolate}
.tile::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(12,10,8,0) 30%,rgba(12,10,8,.88) 100%);z-index:-1}
.tile .tt{padding:16px}
.tile h3{font-size:1.35rem}
.tile p{font-size:.86rem;color:#E4D8C8;margin-top:4px}
.tile .n{display:inline-block;margin-top:8px;font-size:.8rem;color:#E6BD85;font-weight:600}
.tile:hover{border-color:var(--accent)}

/* tarjetas */
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(285px,1fr));gap:22px 18px}
.card{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:var(--r3);overflow:hidden}
.thumb{position:relative;display:block;aspect-ratio:16/10;text-decoration:none}
.thumb::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(12,10,8,.05) 40%,rgba(12,10,8,.6));pointer-events:none}
.thumb .pl{position:absolute;left:12px;top:12px;z-index:1;background:rgba(12,10,8,.78);color:#FFF8EF;border-radius:999px;font-size:.76rem;font-weight:600;padding:3px 11px}
.thumb .du{position:absolute;right:12px;bottom:10px;z-index:1;color:#FFF8EF;font-size:.8rem;font-weight:600}
.thumb .pp{position:absolute;left:12px;bottom:10px;z-index:1;width:36px;height:36px;border-radius:50%;background:#FF5A2B;display:grid;place-items:center}
.thumb .pp svg{width:14px;height:14px;fill:#1A1612;margin-left:2px}
.cbody{display:flex;flex-direction:column;gap:9px;padding:15px 16px 16px;flex:1}
.cbody .meta{display:flex;flex-wrap:wrap;gap:6px}
.cbody h3{font:600 1.08rem/1.28 var(--ui);letter-spacing:0}
.cbody h3 a{color:var(--fg);text-decoration:none}
.cbody h3 a:hover{text-decoration:underline}
.orig{color:var(--subtle);font-size:.86rem}
.orig a{color:var(--subtle)}
.cbody .note{color:var(--muted);font-size:.95rem}
.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto;padding-top:6px}
.icard .thumb{aspect-ratio:16/9}
.icard h3{font-size:1.3rem}

/* búsqueda */
.page{padding:30px 0 20px}
.layout{display:grid;gap:26px;margin-top:22px}
@media(min-width:940px){.layout{grid-template-columns:250px 1fr}}
.filters summary{cursor:pointer;font-weight:600;min-height:44px;display:flex;align-items:center}
.fgroup{border-top:1px solid var(--line);padding:12px 0}
.fgroup h3{font:600 .95rem var(--ui);margin-bottom:6px}
.fgroup label{display:flex;align-items:center;gap:10px;min-height:36px;cursor:pointer;font-size:.95rem}
.fgroup input{width:18px;height:18px;accent-color:var(--accent-b)}
.fgroup .n{margin-left:auto;color:var(--subtle);font-size:.82rem}
.resbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px}
.tabs{display:flex;gap:6px}
.tabs button{min-height:40px;padding:0 16px;border-radius:999px;border:1.5px solid var(--line2);background:transparent;cursor:pointer;font-weight:600}
.tabs button[aria-selected="true"]{background:var(--btn-bg);border-color:var(--btn-bg);color:var(--btn-fg)}
.resbar select{min-height:40px;border:1.5px solid var(--line2);border-radius:10px;background:var(--surface);padding:0 10px}
.empty{border:2px dashed var(--line2);border-radius:var(--r3);padding:26px;max-width:660px}
.empty h3{margin-bottom:8px}
.empty .actions{margin-top:14px}
.social{background:var(--elev);border:1px solid var(--line);border-radius:var(--r3);padding:18px;margin:6px 0 20px}
.social h3{font:600 1rem var(--ui);margin-bottom:4px}
.social .chips{margin-top:10px}

/* idea */
.ihero{position:relative;min-height:340px;border-radius:var(--r4);overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;color:#FFF8EF;isolation:isolate;margin-top:14px}
.ihero::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(12,10,8,.1) 20%,rgba(12,10,8,.9));z-index:-1}
.ihero .in{padding:26px}
.ihero .chip{background:rgba(255,248,239,.14);color:#FFF8EF;border-color:rgba(255,248,239,.3)}
.ihero h1{font-size:clamp(2rem,5vw,3.4rem);margin-top:12px}
.ihero p{color:#E9DECF;margin-top:8px;max-width:60ch;font-size:1.05rem}
.quote{border-left:3px solid var(--accent-b);padding:4px 0 4px 18px;margin:26px 0;font:500 clamp(1.3rem,3vw,1.8rem)/1.25 var(--disp)}
.quote small{display:block;font:500 .76rem var(--ui);letter-spacing:.14em;text-transform:uppercase;color:var(--subtle);margin-top:8px}
.cols{display:grid;gap:30px}
@media(min-width:960px){.cols{grid-template-columns:1.5fr 1fr;align-items:start}}
.prose p{margin-top:14px;font-size:1.05rem;color:var(--fg)}
.sect{margin-top:30px}
.sect h2{font-size:1.5rem;margin-bottom:6px}
.hyp{border-left:4px solid var(--accent-b);background:var(--elev);border-radius:0 var(--r2) var(--r2) 0;padding:14px 18px;margin-top:14px}
.hyp b{font-family:var(--disp)}
.fly{background:var(--surface);border:1px solid var(--line);border-radius:var(--r3);overflow:hidden}
.fly h3{background:var(--elev);padding:14px 18px;font-size:1.1rem}
.fly dl{margin:0}
.fly .row{display:grid;grid-template-columns:120px 1fr;gap:10px;padding:11px 18px;border-top:1px solid var(--line);font-size:.93rem}
.fly dt{color:var(--subtle)}
.fly dd{margin:0}
.vlist{display:grid;gap:14px;margin-top:14px}
.vrow{display:grid;gap:12px;grid-template-columns:150px 1fr;border:1px solid var(--line);border-radius:var(--r2);padding:12px;background:var(--surface)}
@media(max-width:560px){.vrow{grid-template-columns:1fr}}
.vrow.hl{border-color:var(--accent-b)}
.vrow .thumb{border-radius:12px;aspect-ratio:16/10}
.vrow h3{font:600 1.02rem/1.3 var(--ui)}
.vrow p{font-size:.92rem;color:var(--muted);margin-top:6px}
.tip{background:var(--elev);border-radius:var(--r2);padding:10px 14px;margin-top:8px;font-size:.9rem}
.back{display:inline-flex;align-items:center;min-height:44px;margin-top:14px;font-weight:600}

/* formularios */
.formwrap{display:grid;gap:30px;padding:30px 0 48px}
@media(min-width:900px){.formwrap{grid-template-columns:1fr 1.1fr;align-items:start}}
form.f{display:grid;gap:16px}
.field{display:grid;gap:6px}
.field label{font-weight:600;font-size:.95rem}
.field small{color:var(--subtle)}
.field input,.field select,.field textarea{width:100%;min-height:46px;border:1.5px solid var(--line2);border-radius:12px;background:var(--surface);padding:10px 14px}
.field textarea{min-height:120px;resize:vertical}
.two{display:grid;gap:12px;grid-template-columns:1fr 1fr}
@media(max-width:560px){.two{grid-template-columns:1fr}}
.check{display:flex;gap:10px;align-items:flex-start;font-size:.92rem}
.check input{margin-top:4px;width:20px;height:20px;accent-color:var(--accent-b);flex:none}
.notice{border-radius:var(--r2);padding:14px 16px;border:1.5px solid var(--line2);background:var(--surface)}
.notice.ok{border-color:var(--ok)}.notice.err{border-color:var(--danger)}
.notice textarea{width:100%;min-height:150px;margin-top:8px;border:1px solid var(--line2);border-radius:10px;background:var(--bg);padding:10px}
.cols3{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}
.plan{border:1px solid var(--line);border-radius:var(--r3);padding:20px;background:var(--surface)}
.plan h3{margin-bottom:6px}
.plan p{color:var(--muted)}
.books{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}
.book{border:1px solid var(--line);border-radius:var(--r3);padding:20px;background:var(--surface);display:flex;flex-direction:column;gap:8px}
.book .spine{height:5px;border-radius:3px;background:var(--accent-b);width:46px}
.story{display:flex;flex-direction:column;text-decoration:none;color:var(--fg);border:1px solid var(--line);border-radius:var(--r3);overflow:hidden;background:var(--surface)}
.story .thumb{aspect-ratio:16/9}
.story .cbody p{color:var(--muted);font-size:.95rem}
.path{counter-reset:p;display:grid;gap:12px;margin:14px 0;padding:0;list-style:none}
.path li{counter-increment:p;display:grid;grid-template-columns:34px 1fr;gap:12px;font-size:1.02rem}
.path li::before{content:counter(p);width:30px;height:30px;border-radius:50%;background:var(--elev);border:1px solid var(--line2);display:grid;place-items:center;font:600 .9rem var(--disp)}
.inbox{display:grid;gap:12px}
.irow{border:1px solid var(--line);border-radius:var(--r2);padding:14px;background:var(--surface);display:grid;gap:8px}
.irow dl{display:grid;grid-template-columns:auto 1fr;gap:2px 12px;margin:0;font-size:.92rem}
.irow dt{color:var(--subtle)}.irow dd{margin:0;overflow-wrap:anywhere}
.irow .ctl{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.irow select,.irow input{min-height:40px;border:1.5px solid var(--line2);border-radius:10px;padding:0 10px;background:var(--bg)}
footer{border-top:1px solid var(--line);margin-top:30px;padding:30px 0 40px;color:var(--subtle);font-size:.92rem}
footer .fc{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
footer a{color:var(--fg)}
footer h3{font:600 .95rem var(--ui);color:var(--fg);margin-bottom:6px}
.logo svg{width:42px;height:42px;display:block;flex:none}
.logo b em{font-style:normal;background:linear-gradient(90deg,var(--g1),var(--g2),var(--g3));-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
:root{--g1:#1F4FD8;--g2:#C2185B;--g3:#C2410C}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--g1:#7DB0FF;--g2:#FF86BC;--g3:#FFAA63}}
:root[data-theme="dark"]{--g1:#7DB0FF;--g2:#FF86BC;--g3:#FFAA63}
.lang{display:flex;gap:2px;border:1.5px solid var(--line2);border-radius:999px;padding:2px;margin-left:auto}
.lang button{min-height:38px;min-width:44px;border:0;background:transparent;border-radius:999px;font-weight:600;cursor:pointer;color:var(--muted)}
.lang button[aria-pressed="true"]{background:var(--btn-bg);color:var(--btn-fg)}
.top .btn{margin-left:0}
@media(min-width:960px){.lang{margin-left:0}}
.dat{list-style:none;margin:2px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:6px 14px;font-size:.88rem;color:var(--fg)}
.dat b{display:block;font-weight:600;color:var(--subtle);font-size:.7rem;letter-spacing:.09em;text-transform:uppercase}
.dat.big{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px 18px;font-size:1rem;margin-top:10px}
.fmb{position:absolute;right:12px;top:12px;z-index:1;border-radius:999px;font-size:.74rem;font-weight:700;padding:3px 11px;color:#fff;background:linear-gradient(90deg,#2450FF,#D61F7D,#E8590C)}
.chip.warn{border-color:var(--accent)}
.band{position:relative;background:var(--elev);border:1px solid var(--line);border-radius:var(--r4);padding:34px 34px 34px 40px;overflow:hidden}
.band::before{content:"";position:absolute;left:0;top:0;bottom:0;width:7px;background:linear-gradient(180deg,#2450FF,#E02E85,#FF7A1A)}
.band h2{max-width:24ch;margin-top:8px}
.band p:not(.eyebrow){max-width:62ch;margin-top:12px;font-size:1.1rem}
.pepline{margin-top:10px;font:500 1.15rem/1.4 var(--disp);max-width:60ch}
.quick{display:flex;gap:8px;flex-wrap:wrap}
.quick .chip[aria-pressed="true"]{background:var(--btn-bg);color:var(--btn-fg);border-color:var(--btn-bg)}
details.story{margin-top:30px;border:1px solid var(--line);border-radius:var(--r3);padding:4px 18px;background:var(--surface);display:block}
details.story summary{cursor:pointer;min-height:48px;display:flex;align-items:center;font:600 1.1rem var(--disp)}
details.story .prose{padding-bottom:14px}
.liverow .th{position:relative;overflow:hidden;display:block}
.thumb img.yt,.th img.yt{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.thumb::after{z-index:0}
.thumb .pl,.thumb .pp,.thumb .du,.thumb .fmb{z-index:2}
.thumb .ttl{position:absolute;left:16px;right:16px;top:46px;bottom:52px;z-index:1;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;align-self:center;font:700 clamp(1rem,2.4vw,1.35rem)/1.22 var(--disp);color:var(--c2,#fff8ef)}
.thumb img.yt~.ttl{display:none}
.liverow .th.noimg{background-image:none}
.noimg{background-color:var(--c1,#2a2118)!important;background-image:none!important;color:var(--c2,#fff8ef)}
.thumb.noimg::after,.ihero.noimg::before,.liverow .th.noimg::after{display:none}
.ihero.noimg{background-color:var(--c1,#2a2118)!important}
.ihero.noimg h1,.ihero.noimg p{color:var(--c2,#fff8ef)}
.ds{font-size:.9rem;color:var(--muted)}
.ds b{display:block;font-weight:600;color:var(--subtle);font-size:.7rem;letter-spacing:.09em;text-transform:uppercase}
.vrow .thumb.noimg{aspect-ratio:16/10}
.legal details.lg{border:1px solid var(--line);border-radius:var(--r2);padding:2px 16px;margin-top:10px;background:var(--surface)}
.legal summary{cursor:pointer;min-height:48px;display:flex;align-items:center;font:600 1.05rem var(--disp)}
.legal p,.legal ol{margin:0 0 12px;line-height:1.6}.legal ol{padding-left:22px}
.legal details[open] summary{border-bottom:1px solid var(--line);margin-bottom:10px}
mark.todo{background:#FFE9B5;color:#2A1206;padding:0 5px;border-radius:5px}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* ===== Marca v1.3: tipografía editorial y bloque del libro ===== */
.hero .lead,.band p,.cd-p.edit{font-family:var(--edit);font-weight:500}
.cd-nv{display:block;margin-top:6px;font-size:.88rem;color:var(--muted);line-height:1.45}
.bookcta{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:28px;align-items:center;background:var(--carbon);color:var(--crema);border-radius:var(--r4);padding:clamp(22px,4vw,44px);position:relative;overflow:hidden}
.bookcta::after{content:"";position:absolute;inset:auto -80px -120px auto;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(255,90,43,.35),rgba(240,53,127,0) 70%);pointer-events:none}
.bookcta h2{color:var(--crema);font-size:clamp(1.7rem,3.6vw,2.6rem)}
.bookcta .eyebrow{color:var(--ambar)}
.bookcta p{color:#E9DECF}
.bookcta .price{display:flex;align-items:baseline;gap:10px;margin:14px 0 4px;font-family:var(--disp)}
.bookcta .price b{font-size:clamp(2.2rem,5vw,3.2rem);color:var(--crema);letter-spacing:-.02em}
.bookcta .price span{color:var(--arena);font-size:.95rem}
.bookcta ul.inc{list-style:none;padding:0;margin:16px 0 0;display:grid;gap:10px}
.bookcta ul.inc li{display:grid;grid-template-columns:28px 1fr;gap:10px;align-items:start;color:var(--crema)}
.bookcta ul.inc li i{font-style:normal;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:rgba(255,162,26,.16);color:var(--ambar);font-weight:700;font-size:.9rem}
.bookcta .btn.buy{background:var(--chispa);color:var(--tinta);border-color:var(--chispa);font-weight:700;font-size:1.05rem;padding:14px 22px}
.bookcta .btn.buy:hover{background:var(--ambar);border-color:var(--ambar)}
.bookcta .btn.buy[aria-disabled="true"]{background:var(--arena);border-color:var(--arena);color:var(--tinta);cursor:default}
.bookcta .fine{color:var(--arena)}
.bookcta a:not(.btn){color:var(--ambar)}
.bookcover{aspect-ratio:3/4;max-width:300px;width:100%;justify-self:center;border-radius:10px 18px 18px 10px;background:linear-gradient(160deg,#1F1A15 0%,#0C0A08 60%);border:1px solid rgba(255,248,239,.14);box-shadow:0 30px 60px rgba(0,0,0,.45),inset 8px 0 0 rgba(255,90,43,.9);display:flex;flex-direction:column;justify-content:space-between;padding:26px 22px 22px 30px;position:relative;z-index:1}
.bookcover small{font-family:var(--ui);letter-spacing:.18em;text-transform:uppercase;color:var(--ambar);font-size:.7rem}
.bookcover strong{font-family:var(--disp);font-size:clamp(2.3rem,5vw,3rem);line-height:.95;color:var(--crema);letter-spacing:-.03em}
.bookcover strong em{font-style:normal;background:linear-gradient(90deg,var(--ambar),var(--chispa) 55%,var(--magenta));-webkit-background-clip:text;background-clip:text;color:transparent}
.bookcover span{font-family:var(--edit);color:var(--arena);font-size:.95rem}
.booktiers{margin-top:18px;display:grid;gap:8px;font-size:.92rem}
.booktiers div{display:flex;justify-content:space-between;gap:12px;padding:10px 14px;border-radius:12px;background:var(--surface);border:1px solid var(--line)}
.booktiers div.on{border-color:var(--accent);background:var(--elev);font-weight:600}
.minibook{margin-top:14px;padding:16px;border-radius:var(--r2);background:var(--carbon);color:var(--crema)}
.minibook h3{color:var(--crema);font-size:1.1rem}
.minibook p{color:#E9DECF;font-size:.92rem;margin:6px 0 10px}
.minibook .btn{background:var(--chispa);border-color:var(--chispa);color:var(--tinta);font-weight:700}
@media (max-width:820px){.bookcta{grid-template-columns:1fr}.bookcover{max-width:220px}}
/* Puerta de acceso (desactivada por defecto en config.js) */
.gate{min-height:70vh;display:grid;place-items:center;padding:40px 16px}
.gate .f{max-width:440px;width:100%}
@media(min-width:960px){#nav{flex:1 1 0;min-width:0}.top .btn{white-space:nowrap;flex:none}}
.bookpage details.lg{border-bottom:1px solid var(--line);padding:12px 0}
.bookpage details.lg summary{cursor:pointer;font-weight:600}
.bookpage details.lg p{margin:8px 0 0;color:var(--muted)}
@media(min-width:960px) and (max-width:1199px){.logo small{display:none}.top #nav a{padding-left:8px;padding-right:8px}.top .btn{padding:0 14px}}
@media(min-width:1200px){.top #nav a{padding-left:9px;padding-right:9px}}