/* The photo and price are both visible from the first screen. */
.hero{min-height:610px}
.hero-inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,318px);align-items:end;gap:40px;padding-block:58px}
.hero-photo{object-position:56% 55%}
.hero:after{background:linear-gradient(90deg,#06191ff5 0%,#06191fe3 28%,#06191f66 62%,#06191f15 100%)}
.hero h1{font-size:clamp(74px,8.2vw,118px);margin-bottom:20px}
.hero h1 em{color:var(--mint);font-weight:500}
.hero-lead{max-width:450px}
.hero-note{font-size:14px;color:#d7e7e1;margin:16px 0 0}
.hero-price{display:block;align-self:end;padding:20px 23px 23px;background:#f8f7f1f7;color:var(--ink);border:1px solid #ffffffb0;border-radius:11px;text-decoration:none;box-shadow:0 14px 35px #06191f4d}
.hero-price:hover{background:white;border-color:var(--mint)}
.price-top{display:flex;justify-content:space-between;gap:10px;color:var(--green);font-size:12px;font-weight:820;letter-spacing:.09em}
.hero-amount{display:block;font:500 58px/1 Georgia,serif;letter-spacing:-.045em;margin:10px 0}
.hero-amount small{font:700 13px/1.15 system-ui,sans-serif;letter-spacing:0;white-space:nowrap}
.price-detail{display:block;font-size:13px;line-height:1.5;color:var(--muted)}
.facts{background:#e2eee7;border-bottom:1px solid #c7dcd1}
.fact-grid>div{display:flex;align-items:center;justify-content:center;gap:12px;padding:18px 10px}
.fact-grid>div+div{border-left:1px solid #c7dcd1}
.fact-grid b{display:grid;place-items:center;flex:0 0 34px;height:34px;margin:0;background:#cbe7d9;border-radius:50%;font-size:12px;color:#215f51}
.fact-grid span{padding:0;text-align:left;font-size:14px;font-weight:inherit}
.fact-grid strong,.fact-grid small{display:block}
.fact-grid small{font-size:12px;color:var(--muted)}
.price-grid article{border-radius:10px;border-top:3px solid #9bc5b5}
.price-grid .total{border-top-color:var(--mint)}
.price-action{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:13px 17px;margin-top:13px;background:#dbece3;border-radius:7px;font-size:14px}
.price-action a{color:var(--green);font-weight:780;white-space:nowrap;text-underline-offset:3px}
.contact-grid{align-items:start}
.contact form{border-radius:10px;box-shadow:0 10px 25px #12312c12}
.mobile-contact{display:none}
@media(max-width:820px){
  .hero{min-height:560px}
  .hero-inner{grid-template-columns:minmax(0,1fr) minmax(220px,260px);gap:21px}
  .hero-amount{font-size:46px}
  .fact-grid>div{padding:13px 8px}
  .fact-grid b{display:none}
}
@media(max-width:620px){
  body{padding-bottom:calc(66px + env(safe-area-inset-bottom,0px))}
  .hero{min-height:0}
  .hero-inner{grid-template-columns:1fr;gap:25px;padding-block:58px 26px}
  .hero:after{background:linear-gradient(0deg,#06191ffc 0%,#06191fdd 42%,#06191f77 100%)}
  .hero h1{font-size:clamp(58px,15vw,79px)}
  .hero-lead{max-width:350px}
  .hero-price{padding:14px 16px;max-width:380px}
  .hero-amount{font-size:40px;margin:6px 0}
  .price-detail{font-size:12px}
  .fact-grid>div{padding:11px 5px;align-items:start}
  .fact-grid span{text-align:center;font-size:11.5px}
  .fact-grid small{font-size:10.5px;margin-top:3px}
  .price-action{flex-direction:column;align-items:flex-start}
  .mobile-contact{display:flex;gap:8px;position:fixed;z-index:5;left:0;right:0;bottom:0;padding:8px 16px calc(8px + env(safe-area-inset-bottom,0px));background:var(--navy);border-top:1px solid #41616a}
  .mobile-contact .button{flex:1;padding:10px 8px;gap:5px;font-size:14px}
  .mobile-contact .whatsapp{flex:0 0 auto}
  .mobile-contact ~ .nautical-chat{bottom:calc(66px + .5rem + env(safe-area-inset-bottom,0px))}
  .mobile-contact ~ .nautical-chat dialog{max-height:calc(100dvh - 66px - 5.5rem - env(safe-area-inset-bottom,0px))}
  #preventivo{scroll-margin-top:12px}
}