:root{
  --cream:#efe6d8;
  --cream-soft:rgba(250,245,238,.76);
  --cream-strong:rgba(250,245,238,.92);
  --gold:#a47335;
  --gold-deep:#8d632f;
  --line:rgba(164,115,53,.40);
  --shadow:rgba(111,84,47,.12);
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:#eadccc}
body{font-family:"Montserrat",sans-serif;color:#5f4328}
.page-shell{
  min-height:100vh;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:18px;
  background:linear-gradient(180deg,#efe2d2 0%,#eadbcc 100%);
}
.poster{
  position:relative;
  width:min(100%,760px);
  aspect-ratio:1080 / 1528;
  background:url('assets/poster-base.png') center top / cover no-repeat;
  box-shadow:0 18px 60px var(--shadow);
  overflow:hidden;
}
.lead-form{
  position:absolute;
  left:50%;
  top:61%;
  transform:translateX(-50%);
  width:min(36%,340px);
  display:flex;
  flex-direction:column;
  gap:10px;
}
.form-head{
  text-align:center;
  font:500 clamp(12px,1.2vw,14px)/1.35 "Cormorant Garamond",serif;
  letter-spacing:.03em;
  color:#8c6532;
  text-shadow:0 1px 0 rgba(255,255,255,.55);
  margin-bottom:2px;
}
.lead-form input{
  width:100%;
  height:48px;
  padding:0 16px;
  border:1px solid rgba(164,115,53,.32);
  background:var(--cream-strong);
  color:#6a4a2a;
  font:400 14px "Montserrat",sans-serif;
  border-radius:0;
  outline:none;
  box-shadow:0 6px 18px rgba(152,118,73,.06);
}
.lead-form input::placeholder{
  color:#86633b;
  text-transform:uppercase;
  letter-spacing:.10em;
  font-size:11px;
}
.lead-form input:focus{
  background:#fffaf2;
  border-color:rgba(164,115,53,.55);
}
.lead-form button{
  width:100%;
  height:52px;
  border:1px solid #8f672e;
  background:#a57737;
  color:#fff9ef;
  font:600 12px "Montserrat",sans-serif;
  letter-spacing:.18em;
  cursor:pointer;
  box-shadow:0 10px 20px rgba(124,92,48,.12);
}
.lead-form button:hover{background:#95692f}
.hidden{position:absolute;left:-9999px}

@media (max-width: 860px){
  .page-shell{padding:0}
  .poster{width:min(100vw,760px)}
}
@media (max-width: 700px){
  .lead-form{
    top:60.2%;
    width:38%;
    gap:8px;
  }
  .lead-form input{height:42px;padding:0 13px}
  .lead-form button{height:46px;font-size:11px}
  .form-head{font-size:11px}
}
@media (max-width: 520px){
  .poster{width:100vw;min-height:100vh;aspect-ratio:auto;height:100vh;background-position:center top}
  .lead-form{
    width:44%;
    top:60.5%;
    left:50.5%;
  }
  .lead-form input{
    height:40px;
    font-size:13px;
  }
  .lead-form input::placeholder{font-size:10px;letter-spacing:.08em}
  .lead-form button{height:44px;font-size:10.5px;letter-spacing:.14em}
  .form-head{font-size:10px;line-height:1.25}
}


/* Titular editable: el texto antiguo ya ha sido eliminado de la imagen base */
.poster::after{
  content:"SOLO EN SPACIOBODA";
  position:absolute;
  z-index:2;
  left:8%;
  top:18.9%;
  width:84%;
  text-align:center;
  color:#95672f;
  font:500 clamp(22px,3vw,38px)/1 "Cormorant Garamond",serif;
  letter-spacing:.19em;
  white-space:nowrap;
  text-shadow:0 1px 0 rgba(255,255,255,.28);
  pointer-events:none;
}
.lead-form{z-index:3}

@media (max-width:700px){
  .poster::after{font-size:clamp(17px,4.2vw,28px);letter-spacing:.15em;top:18.95%}
}
@media (max-width:520px){
  .poster::after{left:4%;width:92%;font-size:clamp(15px,4.5vw,23px);letter-spacing:.11em;top:18.95%}
}