/* nichos.css · Bloque 0: el ADN visual de las 13 plantillas (P1–P13) del documento «Arquitectura Visual y Sistema de
   Plantillas por Nicho». <html data-nicho="…" data-hero="…">. Cada nicho define claro y oscuro con contraste AA.
   Encima va marca.css: si el cliente tiene marca (logo, colores, letra), manda la marca.
   Letras: copia en el <head> la URL de Google Fonts del comentario de tu nicho (2 familias como máximo). */

/* P1 · imprenta · Creative Studio SaaS (Packhelp, Noissue, Sticker Mule) · hero split
   https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400..800&family=JetBrains+Mono:wght@400;500&display=swap */
:root[data-nicho="imprenta"] {
  --lienzo: #f6f7f9; --superficie: #fff; --superficie-2: #eceff3; --tinta: #0d0f14; --suave: #535966; --linea: #e0e4ea;
  --acento: #ff4f17; --acento-texto: #c2390b; --acento-2: #2563eb; --exito: #047857; --sobre-acento: #fff;
  --panel-checkout: #0d0f14; --sobre-checkout: #f6f7f9; --boton-fondo: #d63a0a; --boton-texto: #fff; --boton-hover: #bd3308;
  --f-display: "Plus Jakarta Sans", ui-sans-serif, system-ui, sans-serif; --f-texto: "Plus Jakarta Sans", ui-sans-serif, system-ui, sans-serif; --f-mono: "JetBrains Mono", ui-monospace, monospace;
  --peso-display: 800; --track-display: -.04em; --alto-display: 1; --radio: 14px; --radio-boton: 10px; --radio-foto: 16px;
}
:root[data-nicho="imprenta"][data-tema="oscuro"] {
  --lienzo: #0d0f14; --superficie: #161a21; --superficie-2: #12151b; --tinta: #f1f3f6; --suave: #a3a9b4; --linea: #262b34;
  --acento: #ff6a3d; --acento-texto: #ff8a63; --exito: #34d399; --panel-checkout: #1f242d; --sobre-checkout: #f1f3f6;
  --boton-fondo: #ff5a26; --boton-texto: #0d0f14; --boton-hover: #ff7246;
}

/* P2 · clinica · Warm Clinical Boutique (Tend, Function Health, Prenuvo) · hero editorial
   https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=DM+Sans:opsz,wght@9..40,400..700&display=swap */
:root[data-nicho="clinica"] {
  --lienzo: #faf7f2; --superficie: #fff; --superficie-2: #f2ece2; --tinta: #132a23; --suave: #4e5f58; --linea: #e6dfd3;
  --acento: #2a6f57; --acento-texto: #2a6f57; --acento-2: #b8613f; --exito: #2a6f57; --sobre-acento: #fff;
  --panel-checkout: #132a23; --sobre-checkout: #faf7f2; --boton-fondo: #2a6f57; --boton-texto: #fff; --boton-hover: #225c48;
  --f-display: "Instrument Serif", ui-serif, Georgia, serif; --f-texto: "DM Sans", ui-sans-serif, system-ui, sans-serif; --f-mono: ui-monospace, "SF Mono", Menlo, monospace;
  --peso-display: 400; --track-display: -.015em; --alto-display: 1.02; --radio: 20px; --radio-boton: 999px; --radio-foto: 24px;
}
:root[data-nicho="clinica"][data-tema="oscuro"] {
  --lienzo: #0f1a16; --superficie: #15231e; --superficie-2: #12201b; --tinta: #eef2ee; --suave: #a7b5ae; --linea: #253a33;
  --acento: #6cc5a0; --acento-texto: #7fd1ae; --exito: #7fd1ae; --panel-checkout: #1c2e27; --sobre-checkout: #eef2ee;
  --boton-fondo: #6cc5a0; --boton-texto: #0f1a16; --boton-hover: #86d3b2;
}

/* P3 · industrial · Precision Engineering (Hadrian, Span, Base Power) · hero bento · nace oscuro
   https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400..700&family=JetBrains+Mono:wght@400;500&display=swap */
:root[data-nicho="industrial"] {
  --lienzo: #f2f4f7; --superficie: #fff; --superficie-2: #e8ecf0; --tinta: #0b0d10; --suave: #4b5563; --linea: #d8dde4;
  --acento: #c62e23; --acento-texto: #b42a20; --acento-2: #b8692e; --exito: #047857; --sobre-acento: #fff;
  --panel-checkout: #0b0d10; --sobre-checkout: #f2f4f7; --boton-fondo: #c62e23; --boton-texto: #fff; --boton-hover: #a9261d;
  --f-display: "Space Grotesk", ui-sans-serif, system-ui, sans-serif; --f-texto: "Space Grotesk", ui-sans-serif, system-ui, sans-serif; --f-mono: "JetBrains Mono", ui-monospace, monospace;
  --peso-display: 600; --track-display: -.035em; --alto-display: 1; --radio: 8px; --radio-boton: 6px; --radio-foto: 8px;
}
:root[data-nicho="industrial"][data-tema="oscuro"] {
  --lienzo: #0b0d10; --superficie: #13171d; --superficie-2: #0f1216; --tinta: #e9edf2; --suave: #98a2af; --linea: #232a33;
  --acento: #e03a2e; --acento-texto: #ff6b5e; --acento-2: #c8793a; --exito: #34d399; --panel-checkout: #1a2029; --sobre-checkout: #e9edf2;
  --boton-fondo: #d2342a; --boton-texto: #fff; --boton-hover: #e0473d;
}

/* P4 · ferreteria · Modern Architectural Supply (Material Bank, Backdrop, Fireclay Tile) · hero catalogo
   https://fonts.googleapis.com/css2?family=Syne:wght@500..800&family=Inter:wght@400..700&display=swap */
:root[data-nicho="ferreteria"] {
  --lienzo: #f2f0eb; --superficie: #fbfaf7; --superficie-2: #e7e3da; --tinta: #161615; --suave: #57554f; --linea: #d9d4ca;
  --acento: #d97706; --acento-texto: #8a4b02; --acento-2: #3f6c51; --exito: #3f6c51; --sobre-acento: #161615;
  --panel-checkout: #161615; --sobre-checkout: #f2f0eb; --boton-fondo: #161615; --boton-texto: #f2f0eb; --boton-hover: #2c2c2a;
  --f-display: "Syne", ui-sans-serif, system-ui, sans-serif; --f-texto: "Inter", ui-sans-serif, system-ui, sans-serif; --f-mono: ui-monospace, "SF Mono", Menlo, monospace;
  --peso-display: 700; --track-display: -.035em; --alto-display: 1; --radio: 4px; --radio-boton: 4px; --radio-foto: 4px;
}
:root[data-nicho="ferreteria"][data-tema="oscuro"] {
  --lienzo: #141413; --superficie: #1c1c1a; --superficie-2: #181816; --tinta: #f2f0eb; --suave: #aaa69c; --linea: #2e2d29;
  --acento: #f59e0b; --acento-texto: #fbbf24; --exito: #7fbf96; --panel-checkout: #24231f; --sobre-checkout: #f2f0eb;
  --boton-fondo: #f59e0b; --boton-texto: #161615; --boton-hover: #fbb13c;
}

/* P5 · taller · Dark Telemetry (Rivian Service, Roda, Polestar) · hero split · nace oscuro
   https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@500;600;700&family=JetBrains+Mono:wght@400;500&display=swap */
:root[data-nicho="taller"] {
  --lienzo: #f3f4f6; --superficie: #fff; --superficie-2: #e8eaee; --tinta: #101216; --suave: #4b5260; --linea: #d8dce2;
  --acento: #ff5500; --acento-texto: #b33c00; --acento-2: #15803d; --exito: #166534; --sobre-acento: #101216;
  --panel-checkout: #101216; --sobre-checkout: #f3f4f6; --boton-fondo: #ff5500; --boton-texto: #101216; --boton-hover: #ff6c22;
  --f-display: "Chakra Petch", ui-sans-serif, system-ui, sans-serif; --f-texto: "Chakra Petch", ui-sans-serif, system-ui, sans-serif; --f-mono: "JetBrains Mono", ui-monospace, monospace;
  --peso-display: 700; --track-display: -.02em; --alto-display: 1; --radio: 10px; --radio-boton: 6px; --radio-foto: 10px;
}
:root[data-nicho="taller"][data-tema="oscuro"] {
  --lienzo: #101216; --superficie: #181b22; --superficie-2: #14171d; --tinta: #eceef2; --suave: #9aa1ad; --linea: #2a2f38;
  --acento: #ff5500; --acento-texto: #ff7a33; --exito: #22c55e; --panel-checkout: #1f232b; --sobre-checkout: #eceef2;
  --boton-fondo: #ff5500; --boton-texto: #101216; --boton-hover: #ff6c22;
}

/* P6 · atelier · Architectural Atelier (Serena by Lutron, Hem, The Shade Store) · hero editorial
   https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,500;0,600;1,500&family=Plus+Jakarta+Sans:wght@400..700&display=swap */
:root[data-nicho="atelier"] {
  --lienzo: #f6f3ec; --superficie: #fcfbf9; --superficie-2: #ece6db; --tinta: #171614; --suave: #5c574f; --linea: #ded6c8;
  --acento: #8c6239; --acento-texto: #7a5430; --acento-2: #1e4635; --exito: #1e4635; --sobre-acento: #fff;
  --panel-checkout: #1e4635; --sobre-checkout: #f6f3ec; --boton-fondo: #171614; --boton-texto: #f6f3ec; --boton-hover: #2e2c28;
  --f-display: "Cormorant Garamond", ui-serif, Georgia, serif; --f-texto: "Plus Jakarta Sans", ui-sans-serif, system-ui, sans-serif; --f-mono: ui-monospace, "SF Mono", Menlo, monospace;
  --peso-display: 500; --track-display: -.015em; --alto-display: 1; --radio: 6px; --radio-boton: 4px; --radio-foto: 6px;
}
:root[data-nicho="atelier"][data-tema="oscuro"] {
  --lienzo: #141311; --superficie: #1c1a17; --superficie-2: #181613; --tinta: #efeae1; --suave: #aba398; --linea: #2f2b26;
  --acento: #c9a27a; --acento-texto: #d4b08a; --exito: #8fc4a8; --panel-checkout: #1e4635; --sobre-checkout: #efeae1;
  --boton-fondo: #efeae1; --boton-texto: #171614; --boton-hover: #ffffff;
}

/* P7 · gastronomia · Tactile Craving UI (Blank Street, Crumbl, Sweetgreen) · hero editorial
   https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500..800&family=DM+Sans:opsz,wght@9..40,400..700&display=swap */
:root[data-nicho="gastronomia"] {
  --lienzo: #fdfbf7; --superficie: #fff; --superficie-2: #f5eee3; --tinta: #1c1917; --suave: #5f5650; --linea: #ece3d6;
  --acento: #e11d48; --acento-texto: #be123c; --acento-2: #6b8f3a; --exito: #2f6a1f; --sobre-acento: #fff;
  --panel-checkout: #1c1917; --sobre-checkout: #fdfbf7; --boton-fondo: #e11d48; --boton-texto: #fff; --boton-hover: #c81a40;
  --f-display: "Fraunces", ui-serif, Georgia, serif; --f-texto: "DM Sans", ui-sans-serif, system-ui, sans-serif; --f-mono: ui-monospace, "SF Mono", Menlo, monospace;
  --peso-display: 700; --track-display: -.03em; --alto-display: 1; --radio: 22px; --radio-boton: 999px; --radio-foto: 26px;
}
:root[data-nicho="gastronomia"][data-tema="oscuro"] {
  --lienzo: #121110; --superficie: #1c1a18; --superficie-2: #171514; --tinta: #f7f2ea; --suave: #b0a79d; --linea: #2e2a26;
  --acento: #fb7185; --acento-texto: #fda4af; --exito: #a3d17a; --panel-checkout: #26221f; --sobre-checkout: #f7f2ea;
  --boton-fondo: #fb7185; --boton-texto: #121110; --boton-hover: #fd8a9b;
}

/* P8 · inmobiliaria · Contemporary Real Estate (Wander, Juno, Pacaso) · hero editorial
   https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,500..700;1,500&family=Inter:wght@400..700&display=swap */
:root[data-nicho="inmobiliaria"] {
  --lienzo: #fafafa; --superficie: #fff; --superficie-2: #efefee; --tinta: #0a0a0a; --suave: #575757; --linea: #e3e3e1;
  --acento: #a67c52; --acento-texto: #85613d; --acento-2: #0a0a0a; --exito: #3f6c51; --sobre-acento: #0a0a0a;
  --panel-checkout: #0a0a0a; --sobre-checkout: #fafafa; --boton-fondo: #0a0a0a; --boton-texto: #fafafa; --boton-hover: #262626;
  --f-display: "Playfair Display", ui-serif, Georgia, serif; --f-texto: "Inter", ui-sans-serif, system-ui, sans-serif; --f-mono: ui-monospace, "SF Mono", Menlo, monospace;
  --peso-display: 500; --track-display: -.02em; --alto-display: 1.04; --radio: 2px; --radio-boton: 2px; --radio-foto: 2px;
}
:root[data-nicho="inmobiliaria"][data-tema="oscuro"] {
  --lienzo: #0a0a0a; --superficie: #141414; --superficie-2: #101010; --tinta: #f5f5f4; --suave: #a8a8a5; --linea: #262626;
  --acento: #c9a27a; --acento-texto: #d6b48e; --exito: #8fc4a8; --panel-checkout: #1a1a1a; --sobre-checkout: #f5f5f4;
  --boton-fondo: #f5f5f4; --boton-texto: #0a0a0a; --boton-hover: #ffffff;
}

/* P9 · logistica · LogiTech SaaS (Flexport, Veho, Sennder) · hero split
   https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400..800&family=JetBrains+Mono:wght@400;500&display=swap */
:root[data-nicho="logistica"] {
  --lienzo: #f4f6fa; --superficie: #fff; --superficie-2: #e8ecf4; --tinta: #0a1128; --suave: #4a5470; --linea: #dbe1ec;
  --acento: #0066ff; --acento-texto: #0055d4; --acento-2: #10b981; --exito: #047857; --sobre-acento: #fff;
  --panel-checkout: #0a1128; --sobre-checkout: #f4f6fa; --boton-fondo: #0066ff; --boton-texto: #fff; --boton-hover: #0057db;
  --f-display: "Plus Jakarta Sans", ui-sans-serif, system-ui, sans-serif; --f-texto: "Plus Jakarta Sans", ui-sans-serif, system-ui, sans-serif; --f-mono: "JetBrains Mono", ui-monospace, monospace;
  --peso-display: 800; --track-display: -.04em; --alto-display: 1; --radio: 12px; --radio-boton: 10px; --radio-foto: 14px;
}
:root[data-nicho="logistica"][data-tema="oscuro"] {
  --lienzo: #0a1128; --superficie: #111a36; --superficie-2: #0d1530; --tinta: #eef2fa; --suave: #a3aecb; --linea: #22305a;
  --acento: #4d8dff; --acento-texto: #7dabff; --exito: #34d399; --panel-checkout: #16224a; --sobre-checkout: #eef2fa;
  --boton-fondo: #4d8dff; --boton-texto: #0a1128; --boton-hover: #6ea2ff;
}

/* P10 · hospitalidad · Immersive Hospitality (Postcard Cabins, Our Habitas, CitizenM) · hero editorial completa
   https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,500;0,600;1,500&family=Plus+Jakarta+Sans:wght@400..700&display=swap */
:root[data-nicho="hospitalidad"] {
  --lienzo: #f4f1ea; --superficie: #fbf9f5; --superficie-2: #e9e3d6; --tinta: #14211b; --suave: #545c55; --linea: #ddd5c6;
  --acento: #c85a32; --acento-texto: #a9471f; --acento-2: #1b4332; --exito: #1b4332; --sobre-acento: #fff;
  --panel-checkout: #1b4332; --sobre-checkout: #f4f1ea; --boton-fondo: #1b4332; --boton-texto: #fff; --boton-hover: #245a43;
  --f-display: "Cormorant Garamond", ui-serif, Georgia, serif; --f-texto: "Plus Jakarta Sans", ui-sans-serif, system-ui, sans-serif; --f-mono: ui-monospace, "SF Mono", Menlo, monospace;
  --peso-display: 500; --track-display: -.015em; --alto-display: 1; --radio: 14px; --radio-boton: 999px; --radio-foto: 18px;
}
:root[data-nicho="hospitalidad"][data-tema="oscuro"] {
  --lienzo: #0f1a15; --superficie: #16241d; --superficie-2: #13201a; --tinta: #f2eee5; --suave: #aeb3a8; --linea: #2a3a31;
  --acento: #e58a62; --acento-texto: #efa383; --exito: #8fc4a8; --panel-checkout: #1b4332; --sobre-checkout: #f2eee5;
  --boton-fondo: #e58a62; --boton-texto: #0f1a15; --boton-hover: #eda083;
}

/* P11 · firma · Institutional FinTech (Mercury, Stripe Atlas, Carta) · hero split
   https://fonts.googleapis.com/css2?family=Newsreader:ital,opsz,wght@0,6..72,400..600;1,6..72,400&family=Inter:wght@400..700&display=swap */
:root[data-nicho="firma"] {
  --lienzo: #f8fafc; --superficie: #fff; --superficie-2: #eef2f7; --tinta: #0f172a; --suave: #475569; --linea: #e2e8f0;
  --acento: #3b82f6; --acento-texto: #1d4ed8; --acento-2: #1d4ed8; --exito: #047857; --sobre-acento: #fff;
  --panel-checkout: #0f172a; --sobre-checkout: #f8fafc; --boton-fondo: #0f172a; --boton-texto: #fff; --boton-hover: #1e293b;
  --f-display: "Newsreader", ui-serif, Georgia, serif; --f-texto: "Inter", ui-sans-serif, system-ui, sans-serif; --f-mono: ui-monospace, "SF Mono", Menlo, monospace;
  --peso-display: 500; --track-display: -.02em; --alto-display: 1.04; --radio: 10px; --radio-boton: 8px; --radio-foto: 10px;
}
:root[data-nicho="firma"][data-tema="oscuro"] {
  --lienzo: #0b1120; --superficie: #111a2e; --superficie-2: #0e1628; --tinta: #e9eef6; --suave: #9aa8bd; --linea: #1f2b44;
  --acento: #60a5fa; --acento-texto: #93c5fd; --exito: #34d399; --panel-checkout: #16213a; --sobre-checkout: #e9eef6;
  --boton-fondo: #e9eef6; --boton-texto: #0f172a; --boton-hover: #ffffff;
}

/* P12 · mayorista · High-Speed B2B Wholesale (Faire, Choco, Mable) · hero catalogo
   https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400..800&family=JetBrains+Mono:wght@400;500&display=swap */
:root[data-nicho="mayorista"] {
  --lienzo: #ffffff; --superficie: #fff; --superficie-2: #f1f5f9; --tinta: #0f172a; --suave: #475569; --linea: #e2e8f0;
  --acento: #059669; --acento-texto: #047857; --acento-2: #0f172a; --exito: #047857; --sobre-acento: #fff;
  --panel-checkout: #0f172a; --sobre-checkout: #f8fafc; --boton-fondo: #047857; --boton-texto: #fff; --boton-hover: #036549;
  --f-display: "Plus Jakarta Sans", ui-sans-serif, system-ui, sans-serif; --f-texto: "Plus Jakarta Sans", ui-sans-serif, system-ui, sans-serif; --f-mono: "JetBrains Mono", ui-monospace, monospace;
  --peso-display: 800; --track-display: -.04em; --alto-display: 1; --radio: 10px; --radio-boton: 8px; --radio-foto: 10px;
}
:root[data-nicho="mayorista"][data-tema="oscuro"] {
  --lienzo: #0b1220; --superficie: #121b2c; --superficie-2: #0f1726; --tinta: #eef2f7; --suave: #9daabd; --linea: #22304a;
  --acento: #34d399; --acento-texto: #6ee7b7; --exito: #34d399; --panel-checkout: #17223a; --sobre-checkout: #eef2f7;
  --boton-fondo: #34d399; --boton-texto: #0b1220; --boton-hover: #5ee0ad;
}

/* P13 · academia · High-Energy / EdTech (Equinox, Maven, MasterClass) · hero split · nace oscuro (fitness)
   https://fonts.googleapis.com/css2?family=Syne:wght@500..800&family=Plus+Jakarta+Sans:wght@400..700&display=swap */
:root[data-nicho="academia"] {
  --lienzo: #fafaf9; --superficie: #fff; --superficie-2: #f0f0ee; --tinta: #0b0c10; --suave: #52525b; --linea: #e4e4e7;
  --acento: #1d4ed8; --acento-texto: #1d4ed8; --acento-2: #65a30d; --exito: #33680f; --sobre-acento: #fff;
  --panel-checkout: #0b0c10; --sobre-checkout: #fafaf9; --boton-fondo: #1d4ed8; --boton-texto: #fff; --boton-hover: #1a43bd;
  --f-display: "Syne", ui-sans-serif, system-ui, sans-serif; --f-texto: "Plus Jakarta Sans", ui-sans-serif, system-ui, sans-serif; --f-mono: ui-monospace, "SF Mono", Menlo, monospace;
  --peso-display: 800; --track-display: -.035em; --alto-display: .98; --radio: 16px; --radio-boton: 12px; --radio-foto: 18px;
}
:root[data-nicho="academia"][data-tema="oscuro"] {
  --lienzo: #090a0f; --superficie: #12141c; --superficie-2: #0e1016; --tinta: #f3f4f6; --suave: #9ca3af; --linea: #232633;
  --acento: #a3e635; --acento-texto: #bef264; --exito: #a3e635; --panel-checkout: #181b26; --sobre-checkout: #f3f4f6;
  --boton-fondo: #a3e635; --boton-texto: #090a0f; --boton-hover: #b5ef55;
}

/* Detalles de geometría propios de algunos nichos */
[data-nicho="industrial"] .celda, [data-nicho="industrial"] .bento-item { border-color: color-mix(in oklab, var(--linea) 100%, transparent); }
[data-nicho="industrial"] .indicador .valor, [data-nicho="taller"] .indicador .valor { font-family: var(--f-mono); letter-spacing: -.04em; }
[data-nicho="atelier"] h1, [data-nicho="hospitalidad"] h1, [data-nicho="clinica"] h1 { font-size: clamp(2.8rem, 5.8vw, 5.2rem); }
[data-nicho="atelier"] .antetitulo, [data-nicho="inmobiliaria"] .antetitulo { letter-spacing: .08em; }
[data-nicho="gastronomia"] .bento-item, [data-nicho="gastronomia"] .superficie { border-width: 0; }
[data-nicho="ferreteria"] .bento-item, [data-nicho="ferreteria"] .superficie, [data-nicho="inmobiliaria"] .bento-item { box-shadow: var(--sombra-1); }