/* Pizza Planet — capa de marca sobre el motor (catalog.css).
   El motor aporta layout, carrito, variantes, banner de promos y mapa;
   aquí solo va la identidad: fuente Sora, fondo neutro y hero alineado a la izquierda.
   Colores en craft-vars (index.html) → editables/sincronizables. */
:root{
  --bg:#0b0a0f;
  --bg-2:#141019;
  --font-display:'Sora',system-ui,sans-serif;
}
body{font-family:'Sora',system-ui,sans-serif}

/* Titulares: Sora bold sin mayúsculas (el motor los pone en display uppercase) */
.hero h1,.cat-header,.brand-name,.modal-name{
  text-transform:none;letter-spacing:-.02em;font-weight:800;
}
.hero h1{font-size:clamp(28px,6vw,40px);line-height:1.08}
.hero h1 .hl{background:linear-gradient(120deg,var(--accent),var(--primary));
  -webkit-background-clip:text;background-clip:text;color:transparent}

/* Hero alineado a la izquierda (variante propia de Pizza Planet) */
.hero{text-align:left}
.hero-top{justify-content:space-between}
.brand{flex-direction:row;align-items:center;gap:12px;text-align:left}
.brand-logo{height:84px}
.brand-sub{font-size:12px;color:var(--text-soft);font-weight:500}