@import url("https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,600;12..96,800&display=swap");
/* ===============================================================
   TEMA "COMPLEJO" — canchas de pádel y fútbol, gimnasios, clubes
   Copiá este archivo como tema.css (en la carpeta principal).
   Para la marca del cliente cambiá --acento, --hero-bg y --amarillo.
   =============================================================== */
@import url("https://fonts.googleapis.com/css2?family=Saira+Condensed:wght@600;700;800&family=Saira:wght@400;500;600;700&display=swap");

:root {
  --bg: #F3F6FB;
  --bg-header: #0A2A66;
  --surface: #FFFFFF;
  --nude: #E4EBF6;
  --rosa: #C7D5EE;
  --acento: #0B3D91;
  --acento-osc: #072B6A;
  --sobre-acento: #FFFFFF;
  --amarillo: #FFC61A;
  --sobre-amarillo: #0A1A3A;
  --texto: #0E1A2E;
  --suave: #55627A;
  --borde: #D6DEEC;
  --radio: 14px;
  --radio-btn: 10px;
  --radio-campo: 10px;
  --sombra: none;
  --f-titulo: "Saira Condensed", "Arial Narrow", sans-serif;
  --f-texto: "Saira", system-ui, sans-serif;
  --peso-titulo: 700;
  --titulo-escala: 1.05;
  --hero-bg: #0A2A66;
  --hero-texto: #FFFFFF;
  --hero-suave: #B9C7E4;
  --cancha-piso: #1F63D6;
  --cancha-vidrio: rgba(255, 255, 255, .08);
  --cancha-linea: #FFFFFF;
  --cancha-red: #0A1A3A;
  --pelota: #E3F23B;
  --aviso-bg: #FFC61A;
  --aviso-texto: #0A1A3A;
}
.card { border: 1px solid var(--borde); }
.card-cat { text-transform: none; letter-spacing: 0; color: var(--acento); font-weight: 500; }
.precio { color: var(--texto); font-weight: 700; }
header.top { border-bottom: none; }
.top .marca { color: var(--hero-texto); font-size: clamp(1.15rem, 4.8vw, 1.6rem); min-width: 0; }
.top .btn.sec { color: var(--hero-texto); border-color: rgba(255, 255, 255, .3); background: transparent; }
.top .btn.sec:hover { background: rgba(255, 255, 255, .12); }

/* Colores propios de esta maqueta: rojo tomate y mostaza */
:root { --bg: #FFFAF3; --surface: #FFFFFF; --bg-header: #4A1A0C; --hero-bg: #4A1A0C; --hero-suave: #EBC7B4; --nude: #F8EBDD; --rosa: #F0D8C2; --borde: #EEDDCB;
  --acento: #B3261E; --acento-osc: #8C1C16; --amarillo: #FFB627; --sobre-amarillo: #3A1205; --texto: #2B140C; --suave: #7A5A4C;
  --f-titulo: "Bricolage Grotesque", "Arial Narrow", sans-serif; --titulo-escala: 1; --aviso-bg: #FFB627; --aviso-texto: #3A1205; --pelota: #FFB627; }
.hero-cx h1, .seccion-cx h2, .evento-cx h3, .bloque-cx h2 { text-transform: none; letter-spacing: -.02em; }