/* ===============================================================
   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 */
:root { --bg-header: #0F3324; --hero-bg: #0F3324; --hero-suave: #B5CDBF; --acento: #16573B; --acento-osc: #0F3F2A; --nude: #E4EFE8; --rosa: #C3DCCD; --borde: #D5E3DA; --bg: #F3F7F4; --cancha-piso: #2B8A57; --cancha-red: #0F3324; --amarillo: #F5C842; --aviso-bg: #F5C842; }