/* =========================================================================
   PACIFIC RESERVE · Base compartida por los 4 módulos
   (tokens de marca, tipografía, utilidades y marcos "Sastrería")
   ========================================================================= */

:root {
  --azul-profundo: #0A0D12;
  --azul-noche: #151A23;
  --grafito-card: #1E2532;
  --champagne: #C6A66B;
  --champagne-hover: #D5B77E;
  --blanco-hueso: #F4F1EA;
  --verde-petroleo: #53766D;
  --verde-luminoso: #68A694;
}

.hidden { display: none !important; }

body {
  font-family: 'Plus Jakarta Sans', sans-serif;
  background-color: var(--azul-profundo);
  color: var(--blanco-hueso);
  margin: 0;
}

.font-monumental-main {
  font-family: 'Cinzel', serif;
  font-weight: 800;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  background: linear-gradient(180deg, #FFFFFF 0%, #F4F1EA 65%, #C6A66B 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.font-monumental-sub {
  font-family: 'Cinzel', serif;
  font-weight: 700;
  letter-spacing: 0.28em;
  color: var(--champagne);
}

.bg-noche { background-color: var(--azul-noche); }
.bg-grafito { background-color: var(--grafito-card); }
.bg-champagne { background-color: var(--champagne); color: var(--azul-noche); }
.bg-champagne:hover { background-color: var(--champagne-hover); }
.text-champagne { color: var(--champagne); }
.text-hueso { color: var(--blanco-hueso); }
.bg-petroleo { background-color: var(--verde-petroleo); }
.text-esmeralda { color: var(--verde-luminoso); }
.border-gold { border-color: rgba(198, 166, 107, 0.35); }

/* Marcos Híbrido Sastrería (Tarjetas 16px | Internos 10px | Botones 8px) */
.sastre-card {
  background-color: var(--azul-noche);
  border: 1px solid rgba(198, 166, 107, 0.28);
  border-radius: 16px;
}
.sastre-inner {
  background-color: var(--grafito-card);
  border: 1px solid rgba(244, 241, 234, 0.09);
  border-radius: 10px;
}
.sastre-btn {
  border-radius: 8px;
  transition: all 0.2s ease;
}
.sastre-input {
  background-color: #0D1118;
  border: 1px solid #2D3748;
  border-radius: 8px;
  color: var(--blanco-hueso);
}

/* Mapas (estilo nocturno) */
.dark-map-filter .leaflet-tile-pane {
  filter: invert(100%) hue-rotate(185deg) brightness(93%) contrast(92%);
}
.leaflet-container {
  background-color: #0D1118 !important;
  font-family: 'Plus Jakarta Sans', sans-serif;
}