/* Torneo · Dany Squash — se suma a /reservas/reservas.css */
textarea{font:inherit;color:var(--ink);background:var(--surface-2);border:1px solid var(--line-strong);border-radius:12px;padding:10px 12px;width:100%;resize:vertical;min-height:44px}
textarea:focus{border-color:var(--accent);outline:none}

.t-hero{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px 24px;margin-bottom:20px;padding:22px}
.t-hero h2{font-size:clamp(34px,7vw,56px)}
.t-sponsor{display:flex;align-items:center;gap:10px;margin:14px 0 0}
.t-sponsor span{font-size:.66rem;font-weight:800;text-transform:uppercase;letter-spacing:.16em;color:var(--muted-2)}
.t-sponsor img{height:40px;width:auto;display:block}
.t-precio{display:grid;gap:2px;text-align:right;background:var(--surface-3);border-radius:16px;padding:12px 18px}
.t-precio b{font:600 44px/1 var(--display)}
.t-precio small{color:var(--muted);font-size:12px}

.t-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:20px;align-items:start}
#t-form{display:grid;gap:14px}

.t-cats{flex-wrap:wrap}
.t-cats label{min-width:52px}

.t-dias{display:grid;gap:8px}
.t-dia{display:grid;grid-template-columns:112px minmax(0,1fr) 92px;gap:8px;align-items:center;background:var(--surface-3);border-radius:12px;padding:8px 10px}
.t-dia b{font-size:14px}
.t-dia small{display:block;color:var(--muted-2);font-size:11px;font-weight:600}
.t-dia select{padding:8px 10px}
.t-dia.no{opacity:.75}

.t-cat{border-top:1px solid var(--line);padding:10px 0}
.t-cat:first-child{border-top:0;padding-top:0}
.t-cat h3{display:flex;justify-content:space-between;align-items:baseline;font:600 24px/1 var(--display);text-transform:uppercase;letter-spacing:.02em;margin-bottom:6px}
.t-cat h3 small{font:700 12px var(--body);color:var(--muted-2);letter-spacing:0;text-transform:none}
.t-cat ol{margin:0;padding-left:22px;columns:2;column-gap:20px;font-size:14px}
.t-cat li{break-inside:avoid;padding:1px 0}

.t-mia{margin-bottom:20px;display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px}
.t-mia .grow{flex:1 1 240px}

@media (max-width:860px){
  .t-grid{grid-template-columns:minmax(0,1fr)}
  .t-precio{text-align:left}
}
@media (max-width:520px){
  .t-dia{grid-template-columns:minmax(0,1fr) 88px}
  .t-dia>div:first-child{grid-column:1/-1}
  .t-cat ol{columns:1}
}