/* Encabezado rosa, igual que el cierre de contacto. */
body>.topbar{padding-top:5px;padding-bottom:5px;font-size:11px}
body>header{background:#fcf0f2;border-bottom-color:#efd9dd;padding-top:6px;padding-bottom:6px}
body>header .brand{width:120px}
body>header .brand img{height:96px}

/* Mantener la foto y su encuadre; reducir los espacios de la bienvenida. */
.hero{max-width:1320px;padding-top:28px;padding-bottom:32px}
.hero-copy{padding-right:28px}
.hero-copy>.eyebrow{margin-bottom:14px}
.hero h1{font-size:clamp(52px,4.8vw,70px);margin-bottom:18px}
.hero .intro{font-size:16px;line-height:1.65;max-width:430px;margin-bottom:12px}
.hero .actions{margin-top:22px}
.hero .location{margin-top:18px}
.hero-art{max-width:640px;width:100%;justify-self:end;padding:6px 0 26px 12px}
.hero-note{bottom:38px;padding:13px 20px;font-size:17px}
.method{padding-top:12px;padding-bottom:12px}

/* Ajuste para pantallas de ordenador con menos altura disponible. */
@media(min-width:621px) and (max-height:850px){.hero-art{max-width:560px}}
@media(min-width:621px) and (max-height:760px){
  .hero{padding-top:20px;padding-bottom:24px}
  .hero-art{max-width:520px}
  .hero h1{font-size:clamp(48px,4.4vw,60px)}
}

/* Volver al principio desde el extremo derecho del pie. */
footer.site-footer{position:relative;min-height:64px;display:flex;align-items:center;justify-content:center;padding:16px 80px}
footer.site-footer .back-to-top{position:absolute;right:max(5%,24px);top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid #b98894;border-radius:50%;background:#fff;color:#51270f;text-decoration:none}
footer.site-footer .back-to-top svg{width:22px;height:22px}
footer.site-footer .back-to-top:hover{background:#f7dfe5;border-color:#51270f}
footer.site-footer .back-to-top:focus-visible{outline:3px solid #b9384f;outline-offset:4px}

@media(max-width:620px){
  body>header .brand{width:130px}
  body>header .brand img{height:86px}
  body>header nav{gap:8px 18px;padding-bottom:8px}
  .hero{padding-top:24px;padding-bottom:28px}
  .hero-copy{padding-right:0}
  .hero h1{font-size:clamp(44px,10.5vw,54px)}
  .hero .intro{max-width:none}
  .hero .actions{flex-wrap:wrap;gap:12px 18px}
  .hero-art{max-width:none;justify-self:stretch;margin-top:18px;padding:18px 0 24px}
  .hero-note{left:-4px;bottom:36px;font-size:16px}
  footer.site-footer{padding-left:20px;padding-right:76px}
  footer.site-footer .back-to-top{right:20px}
}

/* Flecha siempre disponible en la esquina inferior derecha. */
footer.site-footer .back-to-top{
  position:fixed;
  top:auto;
  bottom:max(24px,env(safe-area-inset-bottom));
  right:max(24px,env(safe-area-inset-right));
  transform:none;
  z-index:30;
}
@media(max-width:620px){
  footer.site-footer .back-to-top{
    bottom:max(16px,env(safe-area-inset-bottom));
    right:max(16px,env(safe-area-inset-right));
  }
}