/**
 * Estilos base Asten (tipografía, colores, utilidades).
 * Usado por home-asten.php, asten-propiedades-esp.php y otras landings Asten.
 */
@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&family=Inter:wght@300;400;500;600;700&family=Playfair+Display:ital,wght@0,400;0,500;0,600;1,400&display=swap");

:root {
  --font-display: "Cormorant Garamond", "Playfair Display", Georgia, serif;
  --font-playfair: "Playfair Display", Georgia, serif;
  --font-sans: "Inter", "Helvetica Neue", system-ui, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --asten-navy: #15243e;
  --asten-gold: #c49c60;
  --asten-bg-soft: #f4f6fa;
  --asten-bg-accent: #e9eef6;
}

html {
  --tw-font-sans: "Inter", "Helvetica Neue", system-ui, sans-serif;
}

html,
body,
body.home-asten,
body.spain-collection {
  font-family: var(--font-sans) !important;
}

body.home-asten p,
body.spain-collection p {
  font-family: var(--font-sans) !important;
}

code,
kbd,
pre,
samp {
  font-family: var(--font-mono);
}

.font-display,
.font-playfair,
.font-playfair-display {
  font-family: var(--font-display) !important;
}

.font-sans {
  font-family: var(--font-sans) !important;
}

.testimonio-comilla {
  font-family: var(--font-playfair) !important;
}

.text-sm {
  font-size: 0.7rem !important;
}

.text-base {
  font-size: 0.9rem !important;
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.card-animate {
  opacity: 0;
  animation: fadeInUp 0.5s ease-out forwards;
}

.card-animate:nth-child(1) {
  animation-delay: 0.1s;
}
.card-animate:nth-child(2) {
  animation-delay: 0.2s;
}
.card-animate:nth-child(3) {
  animation-delay: 0.3s;
}
.card-animate:nth-child(4) {
  animation-delay: 0.4s;
}
.card-animate:nth-child(5) {
  animation-delay: 0.5s;
}
.card-animate:nth-child(6) {
  animation-delay: 0.6s;
}

.border-ee {
  border-color: var(--asten-navy) !important;
}

.litepicker .day-item.is-locked {
  color: #bdbdbd !important;
  text-decoration: line-through !important;
  text-decoration-color: #bdbdbd !important;
}

.card-title {
  color: var(--asten-navy) !important;
}

.text-asten {
  color: var(--asten-navy) !important;
}

.hover\:text-asten:hover {
  color: var(--asten-navy) !important;
}

.bg-asten {
  background-color: var(--asten-navy) !important;
}

.hover\:bg-asten:hover {
  background-color: var(--asten-navy) !important;
}

.bg-asten-soft {
  background-color: var(--asten-bg-soft) !important;
}

.bg-asten-accent {
  background-color: var(--asten-bg-accent) !important;
}

/* Botón primario (evita texto invisible en hover si Tailwind no carga text-asten) */
.asten-btn-outline {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.75rem 2rem;
  font-size: 0.875rem;
  line-height: 1.25;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  text-decoration: none;
  background-color: var(--asten-navy) !important;
  color: #fff !important;
  border: 1px solid var(--asten-navy) !important;
  transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.asten-btn-outline:hover,
.asten-btn-outline:focus-visible {
  background-color: #fff !important;
  color: var(--asten-navy) !important;
  border-color: var(--asten-navy) !important;
}

/* Títulos en Spain Collection */
body.spain-collection h1,
body.spain-collection h2,
body.spain-collection h3,
body.spain-collection .font-display {
  font-family: var(--font-display) !important;
}