/* Ajustes móviles finales, separados de la presentación de escritorio. */
@media(max-width:620px){
  body{width:100%;min-width:0}
  main,.section,.hero,.footer{min-width:0;max-width:100%}
  .cinderella-demo-switch{position:relative;inset:auto;transform:none;width:max-content;max-width:calc(100% - 24px);margin:12px auto;z-index:1;justify-content:center}
  .nav{height:auto;min-height:88px;padding:10px 12px;gap:8px;flex-direction:column;justify-content:center}
  .nav nav{width:100%;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;font-size:clamp(12px,3.6vw,16px);letter-spacing:0;text-align:center;line-height:1.4}
  .nav nav a{display:flex;align-items:center;justify-content:center;min-height:34px;min-width:0}
  html{scroll-padding-top:110px}
  #detalles{scroll-margin-top:110px}
  .section{padding:52px 18px}
  .hero{padding-inline:22px;gap:32px}
  .hero-copy{width:100%}
  h1{font-size:clamp(54px,15vw,80px);overflow-wrap:break-word}
  h1 span{font-size:clamp(14px,4vw,18px);letter-spacing:1.5px}
  h2,.section-heading h2{font-size:clamp(38px,10.5vw,54px);overflow-wrap:break-word}
  .hero-description,.story>p,.section-heading>p,.gift>p,.rsvp>p{font-size:19px;line-height:1.65}
  .hero-portrait{max-width:100%;height:auto;aspect-ratio:3/4}
  .hero-portrait>img{position:absolute;inset:0}
  .star-one{right:-12px;font-size:42px}.star-two{left:-14px}
  .portrait-caption{font-size:28px;padding-inline:12px}
  .event-grid{width:100%;gap:16px}
  .event-grid article{min-width:0}
  .countdown{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:5px;width:100%;align-items:center}
  .countdown strong{font-size:clamp(30px,9vw,42px)}
  .countdown span{font-size:10px;letter-spacing:0}
  #rsvp-form{width:100%;max-width:100%;padding:24px 16px}
  .guest-summary{gap:12px}
  .guest-icon{width:42px;height:42px}
  #rsvp-form .guest-summary input{font-size:21px}
  #rsvp-form input,#rsvp-form select{width:100%;min-width:0;font-size:18px;padding:12px}
  #rsvp-form .guest-summary input{padding:2px 0}
  #rsvp-form .button{gap:12px;padding:14px 12px;font-size:17px;white-space:normal;min-height:52px}
  .small-note,.field-help{font-size:15px;line-height:1.6}
  footer.footer{padding:30px 16px}
  footer.footer .cinderella-footer-content{width:100%;gap:10px}
}