/* 🎨 /para-restaurantes con la MARCA NUEVA (03/10/2026) — Ángel: «adaptarla totalmente con el branding nuevo».
   Se carga DESPUÉS del <style> de la página y lo pisa: así para-restaurantes.php apenas cambia de líneas (el gate
   compara baselines por número de línea). Usa brand.css (colores, Poppins) y marcos.css (tinta, ticket, sello, cinta…).
   Regla de la casa: nada de sombras difuminadas de plantilla ni degradados de colores; tinta sobre crema, como impreso. */

:root{
  --bg-0:#FFF8EC; --bg-1:#fbf3e4; --ink-0:#2E2E31; --ink-1:#2E2E31; --ink-2:#5b5750; --muted:#857f75; --border:#ebe3d5;
  --primary:#2E2E31; --primary-dark:#000; --primary-glow:rgba(46,46,49,.12);
  --accent:#2E2E31; --accent-ink:#5b5750; --accent-warm:#D9D1C4; --accent-red:#2E2E31;
  --ok:#2f7a4a; --err:#b23a2b; --font:'Poppins',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
}
body{font-family:var(--font);background:var(--bg-0);color:var(--ink-0)}
h1,h2,h3{letter-spacing:-.02em}

/* ── Cabecera ── */
.nav{background:rgba(255,248,236,.92)!important;border-bottom:1px solid var(--border)!important;backdrop-filter:saturate(140%) blur(10px);box-shadow:none!important}
.brand{display:flex;align-items:center;gap:.55rem;font-weight:800;font-size:1.4rem;letter-spacing:-.03em;color:var(--ink-0)}
.brand .brand-gato{width:40px;height:40px;object-fit:contain}
.nav-links a{color:var(--ink-2);font-weight:500}
.nav-links a:hover{color:var(--ink-0);background:#f6efe2}

/* ── Botones ── */
.btn{font-family:var(--font);font-weight:600;border-radius:999px;box-shadow:none}
.btn-accent,.btn-accent:visited{background:var(--ink-0)!important;color:#FFF8EC!important;border:2px solid var(--ink-0)!important;box-shadow:4px 4px 0 #D9D1C4!important;background-image:none!important}
.btn-accent:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 #D9D1C4!important;background:#000!important}
.btn-ghost{background:transparent!important;color:var(--ink-0)!important;border:2px solid var(--ink-0)!important}
.btn-ghost:hover{background:#f6efe2!important}

/* ── Hero ── */
.hero{background:var(--bg-0)!important;overflow:hidden}
.hero::before{display:none!important}
.hero-inner{grid-template-columns:1.15fr .85fr!important;max-width:1180px!important;align-items:center;gap:2.5rem}
.hero-tag{background:#fff!important;color:var(--ink-0)!important;border:1.5px solid var(--ink-0)!important;box-shadow:3px 3px 0 var(--ink-0);font-weight:600;transform:rotate(-1.5deg);display:inline-block}
.hero h1{font-weight:800;letter-spacing:-.04em;color:var(--ink-0);font-size:clamp(2.2rem,4.4vw,3.5rem)!important;line-height:1.05!important}
.hero h1 .gradient{background:none!important;-webkit-text-fill-color:currentColor!important;color:#a39d92!important}
.hero p.lead{color:var(--ink-2)}
.hero-meta{color:var(--ink-2)}
.hero-meta > div{border:1.5px dashed #D9D1C4;border-radius:10px;padding:.35rem .7rem;background:#fff}
.hero-meta strong{color:var(--ink-0)}
.hero-gato{position:relative;min-height:440px;display:grid;place-items:center}
.hero-gato .hg-fondo{position:absolute;inset:6% 2% 4% 8%;border-radius:46% 54% 52% 48%/48% 44% 56% 52%;background:#f6efe2;border:2px solid var(--ink-0);box-shadow:8px 8px 0 #D9D1C4}
.hero-gato .hg-gato{position:relative;width:min(370px,90%);height:auto;z-index:1;animation:hg-flota 5s ease-in-out infinite}
.hero-gato .m-sello{position:absolute;top:-6px;right:-4px;z-index:3;background:#FFF8EC;border-radius:50%}
.hero-gato .hg-ticket{position:absolute;left:-14px;bottom:26px;z-index:2;width:220px;transform:rotate(-4deg)}
.hero-gato .hg-ticket .m-ticket{padding:18px 16px 20px;font-size:.86rem}
.hero-gato .hg-linea{display:flex;justify-content:space-between;gap:.6rem;margin:.18rem 0;color:var(--ink-2)}
.hero-gato .hg-linea b,.hero-gato .hg-total span{color:var(--ink-0);white-space:nowrap}
.hero-gato .hg-linea span{white-space:nowrap}
.hero-gato .hg-total{display:flex;justify-content:space-between;font-weight:800;font-size:1.05rem;color:var(--ink-0)}
.hero-gato .hg-cero{color:#2f7a4a!important}
.hero-gato .hg-bocadillo{position:absolute;right:2%;bottom:16%;z-index:2;background:#fff;border:2px solid var(--ink-0);border-radius:16px;padding:.5rem .8rem;font-weight:700;font-size:.85rem;box-shadow:4px 4px 0 var(--ink-0);transform:rotate(3deg)}
.hero-gato .hg-bocadillo::after{content:"";position:absolute;left:18px;bottom:-11px;width:16px;height:16px;background:#fff;border-right:2px solid var(--ink-0);border-bottom:2px solid var(--ink-0);transform:rotate(45deg)}
@keyframes hg-flota{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-10px) rotate(1deg)}}

/* ── Franjas ── */
[style*="border-top:1px solid #e8e1d2"]{border-color:var(--border)!important}
.cv-guarantee{background:#fff!important;border-top:2px dashed #D9D1C4!important;border-bottom:2px dashed #D9D1C4!important}
.cv-g span{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:50%;border:1.5px solid var(--ink-0);background:#FFF8EC;font-size:1.2rem!important;filter:grayscale(1) contrast(1.1)}
.stats{background:var(--bg-0)!important;border-color:var(--border)!important}
.stats .stat-num{color:var(--ink-0)!important;font-weight:800}

/* ── Secciones ── */
section.s{background:var(--bg-0)}
section.s.alt{background:var(--bg-1)!important;border-color:var(--border)!important}
.section-head .label{color:var(--ink-0)!important;background:none!important;font-weight:700;letter-spacing:.14em;display:inline-flex;align-items:center;gap:.5rem}
.section-head .label::before,.section-head .label::after{content:"";width:22px;border-top:2px solid var(--ink-0)}
.section-head h2,.section h2{color:var(--ink-0);font-weight:800}

/* Iconos: los emoji en blanco y negro dentro de un círculo de tinta (como el gato) */
.feature-icon,.step-icon,.deposit-icon,.addon-icon,.biz-card .be,.hwz-scene .hwz-se{filter:grayscale(1) contrast(1.1)}
.feature-icon{background:#FFF8EC!important;border:1.5px solid var(--ink-0);border-radius:50%!important;box-shadow:2px 2px 0 var(--ink-0)}

/* Tarjetas principales: tinta + sombra sólida */
.compare-card,.step,.plan-card,.cv-testi,.deposit-box{background:#fff!important;border:2px solid var(--ink-0)!important;border-radius:20px!important;box-shadow:6px 6px 0 var(--ink-0)!important;transition:transform .18s,box-shadow .18s}
.step:hover,.plan-card:hover{transform:translate(-3px,-3px)!important;box-shadow:9px 9px 0 var(--ink-0)!important}
.compare-card.bad{box-shadow:6px 6px 0 #D9D1C4!important;border-color:#a39d92!important;background:#fbf6ec!important}
.compare-card.bad .big{color:#b23a2b!important}
.compare-card.good .big{color:var(--ink-0)!important}
.compare-card .fill-bad{background:#b23a2b!important}
.compare-card .fill-good{background:var(--ink-0)!important}
.compare-card.good li::before{color:var(--ink-0)!important}

/* Tarjetas secundarias: borde beige + sombra sólida beige; al pasar, tinta */
.feature,.hwz-pr,.hwz-scene,.biz-card,.addon,.cv-faq details,section.section [style*="border:1px solid #e8e1d2;border-radius:14px"]{background:#fff!important;border:1.5px solid #D9D1C4!important;border-radius:16px!important;box-shadow:4px 4px 0 #ebe3d5!important;transition:transform .16s,box-shadow .16s,border-color .16s}
.feature:hover,.hwz-pr:hover,.biz-card:hover,.addon:hover{transform:translate(-2px,-2px)!important;border-color:var(--ink-0)!important;box-shadow:5px 5px 0 var(--ink-0)!important}
.cv-faq details[open]{border-color:var(--ink-0)!important;box-shadow:5px 5px 0 var(--ink-0)!important}
.cv-faq summary::after{color:var(--ink-0)!important}

/* Pasos */
.step-num{background:#FFF8EC!important;color:var(--ink-0)!important;border:2px solid var(--ink-0);box-shadow:3px 3px 0 var(--ink-0);font-weight:800}
.step-icon img{width:96px;height:96px;object-fit:contain;display:block;margin:0 auto}
.step-icon:has(img){filter:none;background:none!important;width:auto;height:auto}

/* Testimonio */
.cv-avatar{background:var(--ink-0)!important;color:#FFF8EC!important}
.cv-livelink{color:var(--ink-0)!important;text-decoration:underline;text-underline-offset:3px}

/* Precios */
.plan-card.recommended{box-shadow:6px 6px 0 var(--ink-0)!important;background:#fff!important}
.recommended-tag{background:var(--ink-0)!important;color:#FFF8EC!important;border:2px solid #fff;box-shadow:2px 2px 0 #D9D1C4;transform:translateX(-50%) rotate(-3deg)!important;font-weight:700}
.plan-price .big,.plan-card.unlimited .plan-price .big{color:var(--ink-0)!important;background:none!important;-webkit-text-fill-color:currentColor!important}
.plan-card li::before{color:var(--ink-0)!important}
.plan-card.free{background:#fbf6ec!important}
#landingBillingToggle .opt.active{background:var(--ink-0)!important;color:#FFF8EC!important;border-color:var(--ink-0)!important}
.deposit-box{background:#FFF8EC!important}
.addon-price{color:var(--ink-0)!important}

/* Equipos (aparatos dibujados en tinta, no en azul marino) */
.hwz-phone,.hwz-tablet,.hwz-pos,.hwz-notch,.hwz-lid{background:var(--ink-0)!important;box-shadow:6px 6px 0 #D9D1C4!important}
.hwz-notch{box-shadow:none!important}
.hwz-pos-slot{background:#1d1d20!important}
.hwz-tv .hwz-scr{border-color:var(--ink-0)!important}
.hwz-tv-foot,.hwz-base{background:#a39d92!important}
.hwz-tv-foot:before{background:var(--ink-0)!important}
.hwz-card .hwz-tag{color:var(--ink-2)!important}
.hwz-prbadge{background:#FFF8EC!important;color:var(--ink-0)!important;border:1.5px solid var(--ink-0)}
.hwz-table{box-shadow:6px 6px 0 #D9D1C4!important;border:2px solid var(--ink-0);border-radius:16px!important}
.hwz-table th{background:var(--ink-0)!important;color:#FFF8EC!important}
.hwz-table tbody tr:nth-child(even){background:#fbf6ec!important}
.hwz-scene{background:#fff!important}
[style*="color:var(--accent-ink)"]{color:#a39d92!important}

/* Cierre (antes azul marino y botón dorado) */
.waitlist-section{background:var(--ink-0)!important;color:#FFF8EC;position:relative;overflow:hidden}
.waitlist-section::before{content:"";position:absolute;inset:0;opacity:.05;pointer-events:none;background:url("/assets/brand/gato/feliz.webp") 0 0/90px 90px repeat;filter:grayscale(1) invert(1)}
.waitlist-section h2 .grad{background:none!important;-webkit-text-fill-color:currentColor!important;color:#D9D1C4!important}
.waitlist-section a[href$="/signup"]{background:#FFF8EC!important;color:var(--ink-0)!important;box-shadow:6px 6px 0 #5b5750!important;border:2px solid #FFF8EC!important;border-radius:999px!important}
.waitlist-section a[href$="/signup"]:hover{transform:translate(-2px,-2px)!important;box-shadow:8px 8px 0 #5b5750!important}
.waitlist-section .m-sello{margin:0 auto 1.2rem;display:grid}
.cv-sticky{background:var(--ink-0)!important;color:#FFF8EC!important;box-shadow:4px 4px 0 #D9D1C4!important;border-radius:999px}

@media (max-width:900px){
  .hero-inner{grid-template-columns:1fr!important}
  .hero-gato{min-height:360px;max-width:420px;margin:0 auto;width:100%}
  .hero-gato .hg-ticket{width:190px;left:0}
  .hero-gato .m-sello{--tam:104px!important}
}
@media (max-width:520px){
  .hero-gato{min-height:320px}
  .hero-gato .hg-gato{width:min(270px,78%)}
  .hero-gato .hg-ticket{width:190px;bottom:6px}
  .hero-gato .hg-ticket .m-ticket{font-size:.78rem;padding:16px 12px 18px}
  .hero-tag{font-size:.74rem}
  .hero-gato .hg-bocadillo{font-size:.76rem;bottom:8%}
}
@media (prefers-reduced-motion:reduce){ .hero-gato .hg-gato{animation:none} }