/* FASE 4 — SOLO INTERIOR | No toca portada, sello ni sobre. */
/* Este archivo se carga DESPUÉS de styles.css. Version f4.1 */

/* El ancho debe abarcar toda la pantalla, incluso en bloques display:flex. */
.interior.f4-ready .main-presentation,
.interior.f4-ready .content-section {width:100%;max-width:100%;}

/* Todas las secciones forman una misma papelería elegante. */
.interior.f4-ready .main-presentation,
.interior.f4-ready .content-section {
  position: relative;
  isolation: isolate;
  overflow: hidden !important;
  background: radial-gradient(ellipse at 50% 24%, #fffcf5 0%, #f6ecdd 64%, #f1e3d1 100%);
  border-radius: 0;
}
.interior.f4-ready .main-presentation {padding: 76px 27px 70px;}
.interior.f4-ready .content-section {
  padding: 180px 24px 158px;
  min-height: 640px;
  border-top: 1px solid rgba(172,122,64,.23);
}
.interior.f4-ready .event-section {padding-top: 168px; padding-bottom: 156px;}
.interior.f4-ready .photo-section {padding-top: 165px; padding-bottom: 165px;}
.interior.f4-ready .countdown-section {min-height: 630px; display:flex; flex-direction:column; align-items:center; justify-content:center; padding-top: 195px; padding-bottom:190px;}
.interior.f4-ready .rsvp-section {min-height:660px; display:flex; flex-direction:column; align-items:center; justify-content:center; padding-top: 190px; padding-bottom:190px;}
.interior.f4-ready .farewell-section {min-height:690px; padding-top:190px; padding-bottom:180px;}
.interior.f4-ready .main-presentation::before,
.interior.f4-ready .content-section::before {
  content:"";
  position:absolute;
  inset: 11px;
  border: 1px solid rgba(167,115,57,.25);
  border-radius: 10px;
  z-index: 0;
  pointer-events: none;
}
.interior.f4-ready .content-section::after,
.interior.f4-ready .main-presentation::after {
  content:"";
  position:absolute;
  inset:19px;
  border:1px solid rgba(184,139,78,.12);
  border-radius:8px;
  pointer-events:none;
  z-index:0;
}

/* Las acuarelas conservan sus proporciones y se distribuyen en las cuatro esquinas. */
.interior.f4-ready .botanical-corner,
.interior.f4-ready .section-botanical {
  position:absolute !important;
  display:block;
  height:auto !important;
  max-width:none !important;
  object-fit:contain !important;
  pointer-events:none;
  user-select:none;
  z-index:0;
  opacity:.93;
  filter: drop-shadow(0px 5px 8px rgba(62,57,41,.045));
  animation:none !important;
  will-change:transform,opacity;
  transition: transform 1.15s cubic-bezier(.2,.7,.25,1), opacity 1.1s ease;
}
.interior.f4-ready .botanical-corner.intro-top-left,
.interior.f4-ready .section-botanical.section-top-left {top:-14px;left:-16px;width:61%;max-width:290px;}
.interior.f4-ready .botanical-corner.intro-top-right,
.interior.f4-ready .section-botanical.section-top-right {top:-13px;right:-16px;width:44%;max-width:210px;}
.interior.f4-ready .botanical-corner.intro-bottom-left,
.interior.f4-ready .section-botanical.section-bottom-left {bottom:-12px;left:-14px;width:42%;max-width:200px;}
.interior.f4-ready .botanical-corner.intro-bottom-right,
.interior.f4-ready .section-botanical.section-bottom-right {bottom:-14px;right:-16px;width:60%;max-width:285px;}
.interior.f4-ready .section-botanical.soft {opacity:.90;}
.interior.f4-ready .section-botanical.strong {opacity:1;}

/* La zona de lectura queda despejada encima de las flores. */
.interior.f4-ready .main-presentation > :not(.botanical-corner),
.interior.f4-ready .content-section > :not(.section-botanical) {position:relative;z-index:1;}
.interior.f4-ready .content-section .section-overline,
.interior.f4-ready .content-section h2 { max-width:100%; overflow-wrap:break-word; }
.interior.f4-ready .photo-paper {width: min(100%, 344px);margin-top:22px;}
.interior.f4-ready .countdown {width:100%; max-width:350px; gap:6px;}
.interior.f4-ready .countdown div {min-width:0;}
.interior.f4-ready .location-card {
  width: min(100%, 350px);
  padding: 40px 22px 36px;
  background:rgba(255,251,241,.94);
  box-shadow: 0 10px 32px rgba(76,51,27,.075);
  border-color:rgba(186,139,78,.5);
  border-radius:9px;
  overflow:hidden;
}
/* Dos flores discretas dentro de cada tarjeta de ubicación, sin tapar los datos. */
.interior.f4-ready .location-card::before {
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  background-image:url('../assets/floral-top-left.png'),url('../assets/floral-bottom-right.png');
  background-repeat:no-repeat;
  background-position:top -20px left -24px, bottom -20px right -25px;
  background-size: min(36%,115px) auto, min(38%,122px) auto;
  opacity:.27;
  pointer-events:none;
}
.interior.f4-ready .location-card > * {position:relative; z-index:1;}
.interior.f4-ready .map-button,.interior.f4-ready .rsvp-button {min-height:44px;}
.interior.f4-ready .inside-quote {max-width:310px;}

/* Aparición progresiva: se activa cuando las secciones entran a la pantalla. */
.interior.f4-ready .botanical-corner,
.interior.f4-ready .section-botanical {
  transform:translate3d(0,calc(11px + var(--f4-parallax, 0px)),0) scale(.975);
}
.interior.f4-ready .f4-appeared .botanical-corner,
.interior.f4-ready .f4-appeared .section-botanical {
  transform:translate3d(0,var(--f4-parallax,0px),0) scale(1);
}
.interior.f4-ready .f4-appeared .section-top-right,
.interior.f4-ready .f4-appeared .intro-top-right {transition-delay:.11s;}
.interior.f4-ready .f4-appeared .section-bottom-left,
.interior.f4-ready .f4-appeared .intro-bottom-left {transition-delay:.16s;}
.interior.f4-ready .f4-appeared .section-bottom-right,
.interior.f4-ready .f4-appeared .intro-bottom-right {transition-delay:.22s;}
.interior.f4-ready .content-section .section-overline,
.interior.f4-ready .content-section h2 {text-wrap:balance;}

@media (max-width:380px) {
  .interior.f4-ready .content-section {padding-left:20px;padding-right:20px;}
  .interior.f4-ready .content-section .location-card {padding:36px 18px 32px;}
  .interior.f4-ready .botanical-corner.intro-top-left,
  .interior.f4-ready .section-botanical.section-top-left {max-width:250px;}
  .interior.f4-ready .botanical-corner.intro-bottom-right,
  .interior.f4-ready .section-botanical.section-bottom-right {max-width:245px;}
}
@media (max-height:740px) {
  .interior.f4-ready .main-presentation {padding-top:60px;padding-bottom:54px;min-height:740px;}
}
@media (prefers-reduced-motion:reduce) {
  .interior.f4-ready .botanical-corner,
  .interior.f4-ready .section-botanical {transition:none!important;transform:none!important;opacity:1!important;will-change:auto;}
}