/* Tres estilos sobre el mismo HTML. Se elige con <html data-estilo="a|b|c">. */

/* A · Quinta — casa de campo: crema, terracota, verde oliva, serif con carácter */
[data-estilo="a"] {
  --f-titulo: "Fraunces", Georgia, serif; --f-texto: "Work Sans", system-ui, sans-serif; --peso-titulo: 600;
  --fondo: #f7f0e5; --fondo-2: #efe3d1; --tarjeta: #fffaf2; --tinta: #2b211a; --tinta-suave: #5e5047;
  --acento: #a8461f; --acento-hover: #8e3a18; --sobre-acento: #fff; --acento-texto: #9a3f1b;
  --linea: #e2d3bd; --linea-fuerte: #cbb79b; --chip: #f0e1cc; --chip-tinta: #4a3a2e;
  --sol: #d9893b; --agua: #2f7f86;
  --radio: 6px; --radio-boton: 4px; --sombra: 0 1px 0 #e2d3bd;
  --velo: linear-gradient(90deg, rgb(30 20 12 / .7) 0%, rgb(30 20 12 / .25) 60%, rgb(30 20 12 / 0) 85%), linear-gradient(180deg, rgb(30 20 12 / 0) 40%, rgb(30 20 12 / .55));
  --portada-ante: #f6d6a8; --portada-em: #f6d6a8;
  --fondo-pileta: #24453f; --tinta-pileta: #f7f0e5; --ante-pileta: #f0c78f;
  --fondo-pie: #2b211a; --tinta-pie: #efe3d1;
}

/* B · Monte — verde profundo, luz natural, sobrio; tipografía serif suave */
[data-estilo="b"] {
  --f-titulo: "Young Serif", Georgia, serif; --f-texto: "Figtree", system-ui, sans-serif; --peso-titulo: 400; --tracking-titulo: -0.01em;
  --fondo: #f3f4ee; --fondo-2: #e6eadd; --tarjeta: #ffffff; --tinta: #17261d; --tinta-suave: #4a5a4f;
  --acento: #1f4a33; --acento-hover: #173a28; --sobre-acento: #f3f4ee; --acento-texto: #2a5e41;
  --linea: #d6ddcb; --linea-fuerte: #b7c3a8; --chip: #e6eadd; --chip-tinta: #22362a;
  --sol: #c9a24a; --agua: #3e7d5a;
  --radio: 18px; --radio-boton: 99px; --sombra: 0 10px 30px -18px rgb(23 38 29 / .35); --em-titulo: normal;
  --velo: linear-gradient(90deg, rgb(15 30 20 / .78) 0%, rgb(15 30 20 / .35) 55%, rgb(15 30 20 / 0) 80%);
  --portada-ante: #d9e6c3; --portada-em: #e9d9a6;
  --fondo-pileta: #17261d; --tinta-pileta: #f3f4ee; --ante-pileta: #d9e6c3;
  --fondo-pie: #17261d; --tinta-pie: #e6eadd;
}
@media (min-width: 900px) { [data-estilo="b"] .portada-texto { align-self: center; } }

/* C · Verano — luminoso, celeste de pileta (continúa el turquesa del logo actual) y amarillo sol */
[data-estilo="c"] {
  --f-titulo: "Bricolage Grotesque", system-ui, sans-serif; --f-texto: "Figtree", system-ui, sans-serif; --peso-titulo: 700; --tracking-titulo: -0.03em;
  --fondo: #ffffff; --fondo-2: #eef8fb; --tarjeta: #ffffff; --tinta: #0f2b3d; --tinta-suave: #44606f;
  --acento: #ffc23d; --acento-hover: #f5b21a; --sobre-acento: #0f2b3d; --acento-texto: #08708c;
  --linea: #d8ebf1; --linea-fuerte: #a9cfdb; --chip: #e0f4f9; --chip-tinta: #0b4a5c;
  --sol: #ffc23d; --agua: #12a3c4;
  --radio: 24px; --radio-boton: 14px; --sombra: 0 2px 0 #d8ebf1; --borde-tarjeta: 2px solid #d8ebf1; --em-titulo: normal;
  --velo: linear-gradient(90deg, rgb(8 40 60 / .72) 0%, rgb(8 40 60 / .25) 60%, rgb(8 40 60 / 0) 85%), linear-gradient(180deg, rgb(8 40 60 / 0) 40%, rgb(8 40 60 / .5));
  --portada-ante: #ffe08a; --portada-em: #ffc23d;
  --fondo-pileta: #0b7690; --tinta-pileta: #ffffff; --ante-pileta: #fff1c4;
  --fondo-pie: #0f2b3d; --tinta-pie: #e0f4f9;
}
[data-estilo="c"] .portada { margin: .75rem; border-radius: 28px; overflow: hidden; }
[data-estilo="c"] .portada .boton-sec { color: #fff; }