/* ═══════════════════════════════════════════════════════════════
   Propuestas de tipografía (2026-09-08). Se activan con data-tipo en <html>.
   Sin atributo = la actual (Montserrat + Nunito).
   Selector en vivo: ?tipos en la URL (tipografias.js carga las fuentes).
   Cada propuesta define la fuente de texto, la de titulares y la del menú,
   y ajusta el peso de los titulares (una serif fina no admite 800).
   ═══════════════════════════════════════════════════════════════ */
[data-tipo]{--fuente-titulo:var(--fuente)}
[data-tipo] h1,[data-tipo] h2,[data-tipo] h3,
[data-tipo] .banda__titulo,[data-tipo] .prod__precio strong,[data-tipo] .prod__specs strong,
[data-tipo] .resumen__nombre,[data-tipo] .exito h2,[data-tipo] .exito__folio,
[data-tipo] .lista__precio,[data-tipo] .resumen__lineas .total{font-family:var(--fuente-titulo)}

/* A · CLUB — Playfair Display + Source Sans 3. El country club de siempre: serif alta contrastada. */
[data-tipo="club"]{--fuente:'Source Sans 3','Helvetica Neue',Arial,sans-serif;--fuente-titulo:'Playfair Display',Georgia,serif;--fuente-menu:'Source Sans 3','Helvetica Neue',Arial,sans-serif}
[data-tipo="club"] h1,[data-tipo="club"] h2,[data-tipo="club"] .banda__titulo{font-weight:700;letter-spacing:-.01em}
[data-tipo="club"] .banda__titulo{text-transform:none}
[data-tipo="club"] .cab__nav a{font-weight:700;letter-spacing:.12em}

/* B · EDITORIAL — Fraunces + Inter. Serif cálida y moderna, con carácter propio. */
[data-tipo="editorial"]{--fuente:'Inter','Helvetica Neue',Arial,sans-serif;--fuente-titulo:'Fraunces',Georgia,serif;--fuente-menu:'Inter','Helvetica Neue',Arial,sans-serif}
[data-tipo="editorial"] h1,[data-tipo="editorial"] h2,[data-tipo="editorial"] .banda__titulo{font-weight:700;font-variation-settings:'SOFT' 20,'WONK' 1;letter-spacing:-.02em}
[data-tipo="editorial"] .cab__nav a{font-weight:600;letter-spacing:.1em}

/* C · PREMIUM — Instrument Serif + Figtree. Titulares finos y grandes, aire de revista de lujo. */
[data-tipo="premium"]{--fuente:'Figtree','Helvetica Neue',Arial,sans-serif;--fuente-titulo:'Instrument Serif',Georgia,serif;--fuente-menu:'Figtree','Helvetica Neue',Arial,sans-serif}
[data-tipo="premium"] h1,[data-tipo="premium"] h2,[data-tipo="premium"] h3,
[data-tipo="premium"] .banda__titulo,[data-tipo="premium"] .prod__precio strong,[data-tipo="premium"] .exito h2{font-weight:400;letter-spacing:-.01em}
[data-tipo="premium"] h2{font-size:clamp(34px,4.6vw,58px)}
[data-tipo="premium"] .banda__titulo{text-transform:none;font-size:clamp(52px,7.6vw,108px)}
[data-tipo="premium"] .cab__nav a{font-weight:600;letter-spacing:.12em}

/* D · MODERNA — Bricolage Grotesque + Inter. Sin serif, display contemporánea de agencia. */
[data-tipo="moderna"]{--fuente:'Inter','Helvetica Neue',Arial,sans-serif;--fuente-titulo:'Bricolage Grotesque','Helvetica Neue',Arial,sans-serif;--fuente-menu:'Bricolage Grotesque','Helvetica Neue',Arial,sans-serif}
[data-tipo="moderna"] h1,[data-tipo="moderna"] h2,[data-tipo="moderna"] .banda__titulo{font-weight:800;letter-spacing:-.03em}
[data-tipo="moderna"] .cab__nav a{font-weight:600;letter-spacing:.08em}

/* E · DEPORTIVA — Archivo + Public Sans. Ancha y firme, aire de prensa deportiva. */
[data-tipo="deportiva"]{--fuente:'Public Sans','Helvetica Neue',Arial,sans-serif;--fuente-titulo:'Archivo','Helvetica Neue',Arial,sans-serif;--fuente-menu:'Archivo','Helvetica Neue',Arial,sans-serif}
[data-tipo="deportiva"] h1,[data-tipo="deportiva"] h2,[data-tipo="deportiva"] .banda__titulo{font-weight:800;letter-spacing:-.02em;font-stretch:110%}
[data-tipo="deportiva"] .banda__titulo{font-stretch:125%}
[data-tipo="deportiva"] .cab__nav a{font-weight:600;letter-spacing:.1em}

/* ─────────── REDONDITAS (Carlos, 2026-09-08: «no me gustan, quiero unas redonditas») ─────────── */

/* F · JUGUETONA — Fredoka + Nunito. Redonda y gorda en titulares; la más festiva, muy Anderson's. */
[data-tipo="juguetona"]{--fuente:'Nunito','Varela Round',Arial,sans-serif;--fuente-titulo:'Fredoka','Nunito',Arial,sans-serif;--fuente-menu:'Fredoka','Nunito',Arial,sans-serif}
[data-tipo="juguetona"] h1,[data-tipo="juguetona"] h2,[data-tipo="juguetona"] .banda__titulo{font-weight:600;letter-spacing:-.01em}
[data-tipo="juguetona"] .banda__titulo{font-weight:700}
[data-tipo="juguetona"] .cab__nav a{font-weight:500;letter-spacing:.08em}

/* G · AMABLE — Baloo 2 + Quicksand. La más redonda de todas, blandita y cercana. */
[data-tipo="amable"]{--fuente:'Quicksand','Varela Round',Arial,sans-serif;--fuente-titulo:'Baloo 2','Quicksand',Arial,sans-serif;--fuente-menu:'Quicksand','Varela Round',Arial,sans-serif}
[data-tipo="amable"] h1,[data-tipo="amable"] h2,[data-tipo="amable"] .banda__titulo{font-weight:700;letter-spacing:0}
[data-tipo="amable"] .cab__nav a{font-weight:700;letter-spacing:.09em}
[data-tipo="amable"] p,[data-tipo="amable"] .bloque>p,[data-tipo="amable"] .lista-check{font-weight:500}

/* H · GEOMÉTRICA — Poppins. Círculo puro, una sola familia. Limpia y actual. */
[data-tipo="geometrica"]{--fuente:'Poppins','Helvetica Neue',Arial,sans-serif;--fuente-titulo:'Poppins','Helvetica Neue',Arial,sans-serif;--fuente-menu:'Poppins','Helvetica Neue',Arial,sans-serif}
[data-tipo="geometrica"] h1,[data-tipo="geometrica"] h2,[data-tipo="geometrica"] .banda__titulo{font-weight:700;letter-spacing:-.02em}
[data-tipo="geometrica"] .cab__nav a{font-weight:500;letter-spacing:.09em}

/* I · SUAVE — Outfit + Rubik. Geométrica de esquinas blandas; redonda sin ser infantil. */
[data-tipo="suave"]{--fuente:'Rubik','Helvetica Neue',Arial,sans-serif;--fuente-titulo:'Outfit','Rubik',Arial,sans-serif;--fuente-menu:'Outfit','Rubik',Arial,sans-serif}
[data-tipo="suave"] h1,[data-tipo="suave"] h2,[data-tipo="suave"] .banda__titulo{font-weight:700;letter-spacing:-.02em}
[data-tipo="suave"] .cab__nav a{font-weight:500;letter-spacing:.09em}

/* J · BLANDA — M PLUS Rounded 1c. Terminaciones redondeadas de verdad, en todo el sitio. */
[data-tipo="blanda"]{--fuente:'M PLUS Rounded 1c','Varela Round',Arial,sans-serif;--fuente-titulo:'M PLUS Rounded 1c','Varela Round',Arial,sans-serif;--fuente-menu:'M PLUS Rounded 1c','Varela Round',Arial,sans-serif}
[data-tipo="blanda"] h1,[data-tipo="blanda"] h2,[data-tipo="blanda"] .banda__titulo{font-weight:800;letter-spacing:-.01em}
[data-tipo="blanda"] .cab__nav a{font-weight:500;letter-spacing:.09em}

/* ─────────── REDONDAS · segunda tanda (todas Google Fonts, licencia OFL) ─────────── */

/* K · GLOBO — Comfortaa + Nunito Sans. La más redonda que existe en Google: círculo casi puro. */
[data-tipo="globo"]{--fuente:'Nunito Sans','Varela Round',Arial,sans-serif;--fuente-titulo:'Comfortaa','Varela Round',Arial,sans-serif;--fuente-menu:'Comfortaa','Varela Round',Arial,sans-serif}
[data-tipo="globo"] h1,[data-tipo="globo"] h2,[data-tipo="globo"] .banda__titulo{font-weight:700;letter-spacing:-.01em}
[data-tipo="globo"] .cab__nav a{font-weight:600;letter-spacing:.08em}

/* L · CÁPSULA — Gabarito + DM Sans. Redondita con carácter, algo más ancha; la más de marca. */
[data-tipo="capsula"]{--fuente:'DM Sans','Helvetica Neue',Arial,sans-serif;--fuente-titulo:'Gabarito','DM Sans',Arial,sans-serif;--fuente-menu:'Gabarito','DM Sans',Arial,sans-serif}
[data-tipo="capsula"] h1,[data-tipo="capsula"] h2,[data-tipo="capsula"] .banda__titulo{font-weight:700;letter-spacing:-.02em}
[data-tipo="capsula"] .cab__nav a{font-weight:600;letter-spacing:.08em}

/* M · PASTILLA — Signika + Lexend. Redondeada con cuerpo, muy legible en textos largos. */
[data-tipo="pastilla"]{--fuente:'Lexend','Helvetica Neue',Arial,sans-serif;--fuente-titulo:'Signika','Lexend',Arial,sans-serif;--fuente-menu:'Signika','Lexend',Arial,sans-serif}
[data-tipo="pastilla"] h1,[data-tipo="pastilla"] h2,[data-tipo="pastilla"] .banda__titulo{font-weight:700;letter-spacing:-.01em}
[data-tipo="pastilla"] .cab__nav a{font-weight:600;letter-spacing:.08em}

/* N · BURBUJA — Grandstander + Varela Round. Puntas redondeadas de verdad, la más juguetona. */
[data-tipo="burbuja"]{--fuente:'Varela Round','Nunito',Arial,sans-serif;--fuente-titulo:'Grandstander','Varela Round',Arial,sans-serif;--fuente-menu:'Varela Round','Nunito',Arial,sans-serif}
[data-tipo="burbuja"] h1,[data-tipo="burbuja"] h2,[data-tipo="burbuja"] .banda__titulo{font-weight:700;letter-spacing:-.01em}
[data-tipo="burbuja"] .cab__nav a{font-weight:400;letter-spacing:.1em}

/* O · CANTO SUAVE — Urbanist + Red Hat Text. Circular y elegante; redonda sin ser infantil. */
[data-tipo="canto"]{--fuente:'Red Hat Text','Helvetica Neue',Arial,sans-serif;--fuente-titulo:'Urbanist','Helvetica Neue',Arial,sans-serif;--fuente-menu:'Urbanist','Helvetica Neue',Arial,sans-serif}
[data-tipo="canto"] h1,[data-tipo="canto"] h2,[data-tipo="canto"] .banda__titulo{font-weight:800;letter-spacing:-.02em}
[data-tipo="canto"] .cab__nav a{font-weight:600;letter-spacing:.09em}

/* ─────────── LAS QUE CARLOS YA TIENE (2026-09-08) ─────────────────────────────────
   Axiforma (Kastelov) viene de ~/webdesign/work/mayan-monkey-web/docs/axiforma-fonts;
   Airbnb Cereal Black, de Preference Traveler (sólo existe ese peso).
   Los archivos están en assets/fuentes/. Ojo con la licencia antes de publicar. */
@font-face{font-family:Axiforma;src:url(../fuentes/Axiforma-Regular.woff2) format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Axiforma;src:url(../fuentes/Axiforma-Medium.woff2) format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:Axiforma;src:url(../fuentes/Axiforma-SemiBold.woff2) format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:Axiforma;src:url(../fuentes/Axiforma-Bold.woff2) format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:Axiforma;src:url(../fuentes/Axiforma-ExtraBold.woff2) format('woff2');font-weight:800;font-display:swap}
@font-face{font-family:Axiforma;src:url(../fuentes/Axiforma-Black.woff2) format('woff2');font-weight:900;font-display:swap}
@font-face{font-family:'Airbnb Cereal';src:url(../fuentes/AirbnbCereal-Black.ttf) format('truetype');font-weight:900;font-display:swap}

/* P · AXIFORMA — geométrica redondeada de pago, la de Mayan Monkey. Toda la web con ella. */
[data-tipo="axiforma"]{--fuente:Axiforma,'Helvetica Neue',Arial,sans-serif;--fuente-titulo:Axiforma,'Helvetica Neue',Arial,sans-serif;--fuente-menu:Axiforma,'Helvetica Neue',Arial,sans-serif}
[data-tipo="axiforma"] h1,[data-tipo="axiforma"] h2,[data-tipo="axiforma"] .banda__titulo{font-weight:800;letter-spacing:-.02em}
[data-tipo="axiforma"] .banda__titulo{font-weight:900}
[data-tipo="axiforma"] .cab__nav a{font-weight:600;letter-spacing:.08em}

/* Q · CEREAL — Airbnb Cereal Black en los titulares (único peso que hay) + Axiforma en el texto. */
[data-tipo="cereal"]{--fuente:Axiforma,'Helvetica Neue',Arial,sans-serif;--fuente-titulo:'Airbnb Cereal',Axiforma,Arial,sans-serif;--fuente-menu:Axiforma,'Helvetica Neue',Arial,sans-serif}
[data-tipo="cereal"] h1,[data-tipo="cereal"] h2,[data-tipo="cereal"] h3,
[data-tipo="cereal"] .banda__titulo,[data-tipo="cereal"] .prod__precio strong{font-weight:900;letter-spacing:-.02em}
[data-tipo="cereal"] .cab__nav a{font-weight:600;letter-spacing:.08em}

/* selector en vivo (?tipos) */
.sel-tipos{position:fixed;bottom:16px;right:16px;z-index:999;display:flex;flex-wrap:wrap;gap:6px;padding:10px 12px;border-radius:14px;background:#fff;color:#232735;box-shadow:0 8px 24px rgba(0,0,0,.25);font:12px/1.2 system-ui,Arial,sans-serif;max-width:min(92vw,540px)}
.sel-tipos strong{width:100%;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#5A6070;margin-bottom:2px}
.sel-tipos button{border:1.5px solid #D9DDD3;background:#fff;color:#232735;padding:7px 12px;border-radius:999px;font:inherit;font-weight:700;cursor:pointer}
.sel-tipos button.is-on{background:#0F2E0A;border-color:#0F2E0A;color:#fff}
.sel-tipos em{width:100%;font-style:normal;font-size:11px;color:#5A6070}
.sel-tipos hr{width:100%;border:0;border-top:1px solid #E4E7DF;margin:4px 0 2px}
.sel-tipos i{width:100%;font-style:normal;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#8A9080}