/* Estilos compartidos — Turismo Chile */

/* Fuente Dancing Script */
@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400;700&display=swap');

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
  -webkit-tap-highlight-color: transparent;
}

/* ===== meter ===== */
meter {
  width: 100%;
  height: 0.55rem;
  border-radius: 0.25rem;
  vertical-align: middle;
  background: rgba(255, 255, 255, 0.15);
  border: none;
  appearance: none;
}

meter::-webkit-meter-bar {
  background: rgba(255, 255, 255, 0.15);
  border-radius: 0.25rem;
}

meter::-webkit-meter-optimum-value {
  background: #c4b5e8;
  border-radius: 0.25rem;
}

meter::-webkit-meter-suboptimum-value {
  background: #c4b5e8;
  border-radius: 0.25rem;
}

meter::-webkit-meter-even-less-good-value {
  background: #c4b5e8;
  border-radius: 0.25rem;
}

meter::-moz-meter-bar {
  background: #c4b5e8;
  border-radius: 0.25rem;
}

/* ===== utilidades específicas ===== */
.font-dancing {
  font-family: "Dancing Script", cursive;
}

.text-shadow {
  text-shadow: 0 0 3px rgba(0, 0, 0, 0.95),
    0 1px 2px rgba(0, 0, 0, 0.9),
    0 2px 16px rgba(0, 0, 0, 0.55);
}

.text-shadow-price {
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.75);
}

.card-gradient-overlay {
  background: linear-gradient(
    to top,
    rgba(10, 22, 40, 0.92) 0%,
    rgba(10, 22, 40, 0.35) 55%,
    transparent 100%
  );
}

.bg-morado-gradient {
  background: linear-gradient(180deg, #3d2b6e 0%, #2a1d4d 100%);
}

.bg-ficha-gradient {
  background: linear-gradient(180deg, rgba(20, 28, 48, 0.92) 0%, rgba(12, 18, 32, 0.95) 100%);
}

.bg-hero-gradient {
  background: linear-gradient(145deg, #3d2b6e 0%, #4a3785 100%);
}

/* ===== transiciones suaves ===== */
.btn-transition {
  transition: background-color 0.2s ease, border-color 0.2s ease, transform 0.1s ease;
}

.btn-transition:active {
  transform: scale(0.98);
}