/* Versión del portfolio de EVOW (4 nov 2026), cargada la última.
   Sin sobre ni tarjetas: el estampado de flores de los lados es el protagonista
   y el contenido flota sobre él con un velo suave en el centro. */

body {
  background-color: #f8f0e7;
  background-image: url("../images/botanical-linen-v1.webp");
  background-size: 100% auto;
  background-repeat: repeat-y;
  background-position: center top;
}

/* Velo crema solo en el centro, para leer bien sin tapar las flores de los lados */
.site-content {
  background: linear-gradient(90deg,
      transparent 0,
      rgba(250, 244, 236, 0.78) 22%,
      rgba(250, 244, 236, 0.9) 50%,
      rgba(250, 244, 236, 0.78) 78%,
      transparent 100%) !important;
}

/* Fuera las tarjetas: todo va directamente sobre el estampado */
.hero,
.intro,
.fabric-note,
.where,
.timing,
.details-grid,
.detail-card,
.detail-card--rose,
.detail-card--apricot,
.rsvp-section,
.closing,
footer {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

.hero::before,
.hero::after,
.fabric-note::before,
.fabric-note::after,
.detail-card::after,
.rsvp-section::before {
  display: none !important;
}

/* Portada a pantalla completa, centrada */
.hero {
  min-height: 100svh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}

/* Cuenta atrás discreta bajo la fecha */
.hero-countdown {
  display: flex !important;
  justify-content: center;
  gap: 0 !important;
  margin: 1.6rem auto 2rem !important;
  padding: 0 !important;
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

.hero-countdown > div {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: 3.6rem;
  padding: 0 0.8rem;
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

.hero-countdown > div + div {
  border-left: 1px solid rgba(123, 35, 53, 0.18) !important;
}

.hero-countdown strong {
  font: 400 1.5rem/1 var(--serif) !important;
  color: #7b2335 !important;
  letter-spacing: 0.02em;
}

.hero-countdown span {
  margin-top: 0.35rem;
  font: 500 0.55rem/1 var(--sans, "DM Sans", sans-serif) !important;
  letter-spacing: 0.2em !important;
  text-transform: uppercase;
  color: rgba(83, 49, 46, 0.62) !important;
}

/* Frase de la historia, sin caja */
.fabric-note {
  padding: 0 !important;
}

/* Lugar y hora */
.where-time {
  margin: 0.4rem 0 1.6rem;
  font-size: 0.78rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(83, 49, 46, 0.75);
}

/* Hospedaje y lista de bodas: secciones abiertas, como las demás */
.details-grid {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 0 !important;
  width: min(640px, calc(100% - 3rem)) !important;
  margin-inline: auto !important;
}

.detail-card {
  min-height: 0 !important;
  align-items: center !important;
  padding: 4.5rem 1.5rem !important;
  text-align: center;
  overflow: visible !important;
}

.detail-card + .detail-card {
  border-top: 1px solid rgba(123, 35, 53, 0.14) !important;
}

.detail-card__index {
  position: static !important;
  order: -1;
  margin-bottom: 0.4rem;
  font-size: 1rem !important;
  letter-spacing: 0.2em;
  color: rgba(123, 35, 53, 0.55) !important;
}

.detail-card p:not(.eyebrow) {
  max-width: 34ch !important;
  margin-inline: auto;
}

/* Lista de bodas */
.gift-account {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 1.2rem auto 0 !important;
  color: #53312e !important;
}

.gift-account__label {
  margin-top: 0.9rem;
  font-size: 0.58rem;
  font-weight: 600;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: rgba(123, 35, 53, 0.65);
}

.gift-account__iban {
  font: 500 1.05rem/1.4 var(--serif);
  letter-spacing: 0.06em;
  white-space: nowrap;
  /* Cifras de altura uniforme: con las de estilo antiguo, los ceros parecían letras «o» */
  font-variant-numeric: lining-nums tabular-nums;
}

.gift-copy {
  cursor: pointer;
  background: transparent;
  color: #7b2335;
  font-family: inherit;
}

.gift-copy:hover,
.gift-copy:focus-visible {
  background: rgba(123, 35, 53, 0.08);
}

.gift-note {
  margin-top: 1rem !important;
  font-size: 0.68rem !important;
  font-style: italic;
  color: rgba(83, 49, 46, 0.6) !important;
}

/* El formulario sigue en un panel claro para que se rellene cómodo */
.rsvp-form {
  background: rgba(255, 252, 247, 0.86) !important;
  box-shadow: none !important;
}

@media (max-width: 40rem) {
  .hero-countdown > div {
    min-width: 3rem;
    padding: 0 0.55rem;
  }

  .hero-countdown strong {
    font-size: 1.3rem !important;
  }

  /* En móvil, los textos se quedan en el centro para no pisar las flores de los lados */
  .timing {
    width: min(300px, calc(100% - 5rem)) !important;
    padding-inline: 0 !important;
  }

  .details-grid {
    width: calc(100% - 5rem) !important;
  }

  .detail-card {
    padding-inline: 0 !important;
  }

  .detail-card p:not(.eyebrow) {
    max-width: 27ch !important;
  }

  /* En móvil el centro necesita algo más de velo, porque las flores llegan más adentro */
  .site-content {
    background: linear-gradient(90deg,
        transparent 0,
        rgba(250, 244, 236, 0.8) 16%,
        rgba(250, 244, 236, 0.92) 50%,
        rgba(250, 244, 236, 0.8) 84%,
        transparent 100%) !important;
  }
}

/* Fuera el adorno ovalado de romantic-v2 encima de «Dónde y cuándo»:
   sobre el fondo nuevo se veía como una mancha de estampado */
.where::before {
  display: none !important;
}

/* Tipografía más legible (4 nov 2026): mismas fuentes, más peso, tamaño y contraste */
body {
  color: #3a2422;
}

.timeline p,
.where-time,
.detail-card p:not(.eyebrow),
.rsvp-heading > p:last-child,
footer,
footer a {
  font-weight: 400 !important;
  color: #3a2422 !important;
}

.timeline p,
.detail-card p:not(.eyebrow) {
  font-size: 1.02rem !important;
  line-height: 1.65 !important;
}

/* Cormorant en 500/600: los trazos finos del 400 se perdían sobre el estampado */
.hero-copy,
.fabric-note h2,
.where h2,
.where-date,
.timing h2,
.timeline h3,
.detail-card h2,
.rsvp-heading h2,
.closing h2,
.closing-names {
  font-weight: 500 !important;
  color: #3a2422 !important;
}

.hero-copy,
.where-date {
  font-weight: 600 !important;
}

.hero-countdown strong {
  font-weight: 600 !important;
}

/* Etiquetas pequeñas: un poco más grandes y con más contraste */
.eyebrow,
.section-number,
.detail-card__index {
  font-size: 0.75rem !important;
  font-weight: 600 !important;
  color: #7b2335 !important;
}

.where-time {
  font-size: 0.82rem !important;
  font-weight: 500 !important;
}

.hero-countdown span {
  font-size: 0.62rem !important;
  font-weight: 600 !important;
  color: rgba(58, 36, 34, 0.78) !important;
}

.gift-account__label {
  font-size: 0.66rem;
}

.gift-note {
  font-size: 0.78rem !important;
  font-weight: 400 !important;
  color: rgba(58, 36, 34, 0.75) !important;
}

footer,
footer a {
  font-size: 0.8rem !important;
}

.rsvp-form label,
.rsvp-form input,
.rsvp-form select,
.rsvp-form textarea {
  font-weight: 400 !important;
}

/* El salmón claro apenas contrastaba sobre el crema: pasa al granate de la invitación */
.timeline time {
  color: #7b2335 !important;
  font-weight: 600 !important;
}

.intro-script,
.intro-script span {
  color: #a0404f !important;
}

@media (max-width: 40rem) {
  .where-time {
    letter-spacing: 0.08em !important;
    font-size: 0.76rem !important;
  }
}

/* Los números 04 y 05, iguales que 01–03 */
.detail-card__index {
  font-family: "DM Sans", sans-serif !important;
  letter-spacing: 0.2em !important;
}

/* Nota del portfolio de EVOW en el pie */
.portfolio-note { margin: 0 0 0.5rem; font-size: 0.8rem; }