/* ===============================================================
   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: turquesa y coral */
:root { --bg: #F2F8F8; --bg-header: #0B3B45; --hero-bg: #0B3B45; --hero-suave: #A9CDD3; --nude: #DDEFF0; --rosa: #B9DEE1; --borde: #CFE4E6;
  --acento: #0E7C8C; --acento-osc: #0A5F6B; --amarillo: #FF7A59; --sobre-amarillo: #FFFFFF; --texto: #10282D; --suave: #4F6B70;
  --cancha-piso: #14A3B5; --cancha-red: #0B3B45; --pelota: #F4F25C; --aviso-bg: #FF7A59; --aviso-texto: #FFFFFF; }