/* TEMA CORPORATIVO (etapa 70) — claro, plano, sin gradientes.
   Para volver al diseño anterior ("Costa"): quita la línea
   <link rel="stylesheet" href="/assets/css/corporativo.css"> de los .html (o git revert). */
:root {
  --bg: #FFFFFF;
  --bg-subtle: #F8FAFC;          /* slate-50 */
  --bg-sunken: #F1F5F9;          /* slate-100 */
  --line: #E2E8F0;
  --line-strong: #CBD5E1;
  --ink: #0F172A;
  --ink-2: #334155;
  --ink-3: #64748B;
  --accent: #334155;             /* neutro: el naranja queda solo para acciones */
  --accent-hover: #0F172A;
  --accent-soft: #F1F5F9;
  --cta: #F97316;                /* orange-500 */
  --cta-hover: #EA580C;          /* orange-600 */
  --on-cta: #FFFFFF;
  --sol: #0F172A;
  --font-display: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-ui: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --radius-sm: 12px;
  --radius: 12px;
  --radius-lg: 12px;
  --shadow-sm: 0 1px 2px rgba(15,23,42,.06);
  --shadow-pop: 0 8px 24px rgba(15,23,42,.12);
}
html, body { background: #F8FAFC; font-family: var(--font-ui); }
body, button, input, select, textarea { font-family: var(--font-ui); }
h1, h2, h3, h4, .display, .card-head h2, .results-title, .hotel-body h3, .price b { font-family: var(--font-ui); letter-spacing: -0.01em; }

/* Sin fondo degradado / aurora */
.fondo-mar, .fm-m { display: none !important; background: none !important; }

/* KPIs grandes y con contraste */
.kpi-value { font-size: 2.25rem; line-height: 2.5rem; font-weight: 700; color: var(--ink); font-family: var(--font-ui); }

/* Tarjetas planas */
.card, .hotel, .fgroup, .filters-sum, .foto, .bus-card, .combo-part, .cancel-policy, .cmdk {
  border: 1px solid var(--line); border-radius: 12px; box-shadow: 0 1px 2px rgba(15,23,42,.06);
}
.hotel:hover { transform: none; box-shadow: 0 1px 2px rgba(15,23,42,.06); }
.filters-sum { border-left: 1px solid var(--line); }
.bus-card.is-on { background: #FFF7ED; border-color: var(--cta); }
.hotel-body { padding: 24px; }
img, .foto img, .hotel img { border-radius: 12px; }
.field input, .finder input, .finder select, input, select, textarea { border-radius: 12px; }

/* Barra superior sin adorno naranja */
.topbar::after { display: none; }
.nav-item svg { color: var(--ink-3); }
.nav-item[aria-current="page"], .tab[aria-selected="true"] { border-bottom-color: var(--cta); color: var(--ink); }
.avatar { background: var(--ink); }

/* Botones: naranja solo en acción primaria, plano */
.btn-primary, .hotel-toggle { background: var(--cta); border-color: var(--cta); color: #fff; box-shadow: none; }
.btn-primary:hover, .hotel-toggle:hover:not([disabled]) { background: var(--cta-hover); border-color: var(--cta-hover); }
.btn-primary:active { transform: none; box-shadow: none; }
.hotel-toggle[disabled] { background: var(--bg-sunken); border-color: var(--line-strong); color: var(--ink-3); }

/* Filtros laterales: título neutro, sin círculo naranja */
.fgroup > summary { color: var(--ink-2); }
.fgroup > summary::after { background: none; color: var(--ink-3); width: auto; height: auto; border-radius: 0; font-size: 18px; }

/* Precios sin rojo/naranja decorativo */
.price b, .filters-sum span { color: var(--ink); }

/* Login */
.carousel { border-radius: 12px; box-shadow: 0 1px 2px rgba(15,23,42,.06); border: 1px solid var(--line); }
.slide--txt { background: #0F172A; color: #F8FAFC; }
.slide--txt i { color: var(--cta); }
.slide::after { background: linear-gradient(180deg, transparent 60%, rgba(15,23,42,.6)); } /* solo legibilidad del pie de foto */
.stage .brand-tag { color: var(--ink-3); }
.hero--base { background: #0F172A; }

/* Detalles: campos rounded-xl, iconos no clicables en neutro */
.tool-input, .tool-select { border-radius: 12px; }
.hotel-zone svg { color: var(--ink-3); }