/* styles.css — BABE Facial. Paleta neutra BABÉ aplicada (guia-estilo-babe.md v1). */
    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
    :root {
      --ink: #2e2e2e; --gray: #8c8c8c; --gray-2: #6b6b6b;
      --line: #e4e0da; --bg: #ffffff; --bg-2: #f6f4f1; --beige: #ece5da;
      --accent: #6f9a98; --accent-d: #557a78; --accent-l: #e6efee;
      --wa: #25D366; --wa-d: #1da851;
    }
    html { scroll-behavior: smooth; }
    body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; background: var(--bg); color: var(--ink); }
    header { background: var(--bg); border-bottom: 1px solid var(--line); color: var(--ink); padding: 14px 20px; position: sticky; top: 0; z-index: 100; }
    h1, h2 { font-weight: 800; margin: 16px 0; }
    .hero { background: linear-gradient(170deg, #faf8f5 0%, #efe9e1 100%); padding: 40px 20px; text-align: center; }
    section { padding: 40px 20px; max-width: 720px; margin: 0 auto; }
    .products { display: grid; grid-template-columns: 1fr; gap: 16px; }
    @media (min-width: 480px) { .products { grid-template-columns: 1fr 1fr; } }
    .product { background: var(--bg); border: 1.5px solid var(--line); border-radius: 12px; padding: 20px; }
    .product.featured { border-color: var(--accent); background: var(--accent-l); }
    footer { background: #1f1f1f; color: rgba(255,255,255,0.6); padding: 24px 20px; text-align: center; font-size: 0.78rem; }
    /* WhatsApp flotante */
    .wa-float { position: fixed; bottom: 20px; right: 20px; width: 56px; height: 56px; border-radius: 50%; background: var(--wa); display: flex; align-items: center; justify-content: center; box-shadow: 0 4px 12px rgba(0,0,0,.25); z-index: 50; }

/* BABE-LINKS:INI */
/* Enlaces internos entre lineas BABE. Bloque generado por
   _shared/enlaces_internos_babe.py, no editar a mano.
   Radio 12px = el mismo que ya usan las tarjetas de estas landings. */
.lineas-babe{background:var(--bg-2,#f6f4f1);border-top:1px solid var(--line,#e4e0da);padding:3rem 1.25rem}
.lineas-wrap{max-width:1040px;margin:0 auto}
.lineas-babe h2{margin:0 0 .5rem;font-size:1.5rem;line-height:1.25;color:var(--ink,#2e2e2e)}
.lineas-intro{margin:0 0 1.75rem;max-width:56ch;color:var(--gray-2,#6b6b6b)}
.lineas-grid{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin:0;padding:0;list-style:none}
.lineas-grid a{display:block;padding:.9rem 1rem;background:var(--bg,#fff);border:1px solid var(--line,#e4e0da);border-radius:12px;text-decoration:none;transition:border-color .18s ease,transform .18s ease}
.lineas-grid a:hover,.lineas-grid a:focus-visible{border-color:var(--accent,#6f9a98);transform:translateY(-1px)}
.linea-nombre{display:block;font-weight:600;color:var(--ink,#2e2e2e)}
.linea-desc{display:block;margin-top:.15rem;font-size:.86rem;color:var(--gray-2,#6b6b6b)}
.lineas-tienda{margin:1.75rem 0 0}
.lineas-tienda a{color:var(--accent-d,#557a78);font-weight:600}
@media (prefers-reduced-motion:reduce){.lineas-grid a{transition:none}.lineas-grid a:hover{transform:none}}
@media (max-width:600px){.lineas-babe{padding:2.25rem 1rem}}
/* BABE-LINKS:FIN */