/* Hero híbrido Montevista: textos HTML y fotografía optimizada */
html{scroll-padding-top:82px}
body{overflow-x:hidden}
.hero{min-height:clamp(720px,60vw,920px);height:auto;background:#064d5b;overflow:hidden;display:block;position:relative;color:#fff;padding-top:0}
.hero__art,.hero__art picture,.hero__art img{position:absolute;inset:0;width:100%;height:100%;display:block}
.hero__art{overflow:hidden}
.hero__art img{object-fit:cover;object-position:center 55%}
.hero__shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(0,26,38,.84) 0%,rgba(0,36,48,.68) 28%,rgba(0,30,44,.24) 57%,transparent 76%),linear-gradient(0deg,rgba(0,20,28,.38) 0%,transparent 37%)}
.hero__inner{width:min(1480px,calc(100% - 10%));position:relative;z-index:3;min-height:clamp(720px,60vw,920px);padding:48px 0 95px;display:flex;align-items:flex-start;justify-content:space-between}
.hero__copy{max-width:min(680px,57%)}
.hero__location{display:inline-flex;align-items:center;gap:.45em;background:#a1d52f;color:#07586a;border-radius:999px;padding:9px 23px;font:800 clamp(.89rem,1.45vw,1.2rem)/1.4 var(--font-head);letter-spacing:.01em;margin-bottom:21px}
.hero__copy h1{font-size:clamp(3.25rem,5vw,5.7rem);letter-spacing:-.055em;line-height:1.04;margin:0 0 26px;font-weight:500;color:#fff;max-width:750px}
.hero__copy h1 strong{display:block;font-size:clamp(4.5rem,7.2vw,8.3rem);line-height:.99;font-weight:850;letter-spacing:-.064em;color:#fff}
.hero__vis{display:table;background:#a1d52f;color:#07586a;border-radius:999px;padding:7px 25px;font:800 clamp(1.15rem,2.2vw,2rem)/1.25 var(--font-head);margin:0 0 18px}
.hero__description{font-size:clamp(.97rem,1.2vw,1.17rem);line-height:1.48;max-width:510px;color:#fff;margin-bottom:31px;text-shadow:0 1px 2px #07303a40}
.hero__description strong{color:inherit}
.hero__data{display:flex;align-items:center;gap:27px;margin-top:23px}
.hero__data>div{display:flex;flex-direction:column;gap:0;line-height:1.28}
.hero__data>div+div{padding-left:26px;border-left:3px solid #a1d52f}
.hero__data span{font-size:clamp(.95rem,1.35vw,1.2rem)}
.hero__data strong{font-family:var(--font-head);font-size:clamp(1.2rem,1.7vw,1.65rem);font-weight:800}
.hero__cta{position:absolute;right:0;bottom:65px;display:flex;align-items:center;gap:30px;background:#a1d52f;color:#07586a;font:800 clamp(1rem,1.55vw,1.35rem)/1.2 var(--font-head);padding:18px 23px 18px 36px;border-radius:999px;box-shadow:0 12px 28px #052f355e;transition:transform .2s,background .2s;white-space:nowrap}
.hero__cta:hover{background:#b5e343;transform:translateY(-3px)}
.hero__cta-arrow{font-size:1.7rem;font-weight:500;line-height:1}
.hero__legal{position:absolute;z-index:4;right:12px;top:31%;writing-mode:vertical-rl;transform:rotate(180deg);margin:0;color:#fff;opacity:.88;font-size:.64rem;line-height:1.4;letter-spacing:.015em;text-shadow:0 1px 3px #001}
@media (max-width:1100px){
 .hero__copy{max-width:60%}
 .hero__copy h1{font-size:clamp(3rem,5.1vw,4.8rem)}
 .hero__copy h1 strong{font-size:clamp(4rem,7.3vw,7rem)}
}
@media (max-width:850px){
 .hero{padding-top:72px;min-height:880px}
 .hero__inner{width:calc(100% - 56px);padding-top:55px;min-height:810px}
 .hero__copy{max-width:67%}
 .hero__art img{object-position:58% 52%}
 .hero__cta{bottom:55px;right:0}
}
@media (max-width:600px){
 .hero{min-height:820px}
 .hero__inner{width:calc(100% - 38px);padding:65px 0 115px;min-height:820px}
 .hero__art img{object-position:63% center}
 .hero__shade{background:linear-gradient(180deg,rgba(1,30,43,.76) 0%,rgba(0,29,38,.80) 33%,rgba(0,24,34,.50) 62%,rgba(0,21,29,.23) 100%),linear-gradient(90deg,rgba(0,31,39,.25),transparent)}
 .hero__copy{max-width:100%;padding-top:25px}
 .hero__location{font-size:.78rem;padding:7px 15px;margin-bottom:20px}
 .hero__copy h1{font-size:clamp(2.05rem,7.4vw,3rem);line-height:1.06;margin-bottom:17px;max-width:340px}
 .hero__copy h1 strong{font-size:clamp(3.2rem,13vw,5rem);line-height:1.01}
 .hero__vis{font-size:1.2rem;padding:6px 15px;margin-bottom:16px}
 .hero__description{font-size:.91rem;line-height:1.54;max-width:340px;margin-bottom:20px}
 .hero__data{gap:16px;margin-top:15px}
 .hero__data>div+div{padding-left:15px;border-width:2px}
 .hero__data span{font-size:.82rem}
 .hero__data strong{font-size:1.06rem}
 .hero__cta{bottom:52px;right:50%;transform:translateX(50%);font-size:1.03rem;padding:16px 21px;gap:20px;white-space:nowrap}
 .hero__cta:hover{transform:translateX(50%) translateY(-3px)}
 .hero__legal{right:5px;top:auto;bottom:125px;font-size:.49rem}
}
@media (max-width:365px){
 .hero__inner{width:calc(100% - 28px)}
 .hero__copy h1 strong{font-size:3.05rem}
 .hero__data strong{font-size:.96rem}
 .hero__cta{font-size:.95rem;gap:12px}
}
@media (prefers-reduced-motion:reduce){.hero__cta{transition:none}}



/* Corrección exclusiva para móvil: imagen continua, mejor centrada y con overlay más sutil.
   No altera la composición de escritorio ni de tablet. */
@media (max-width:600px){
  .hero{background:#064d5b;min-height:900px}
  .hero__inner{min-height:900px;padding:58px 0 126px;display:block}
  .hero__art{background:#064d5b}
  .hero__art::before{content:none!important;display:none!important}
  .hero__art picture,.hero__art img{inset:0;width:100%;height:100%}
  .hero__art img{
    object-fit:cover;
    object-position:62% 54%;
    transform:none;
  }
  .hero__shade{
    background:
      linear-gradient(180deg,
        rgba(1,31,43,.78) 0%,
        rgba(1,31,43,.68) 18%,
        rgba(1,31,43,.52) 34%,
        rgba(1,31,43,.26) 54%,
        rgba(1,31,43,.08) 73%,
        rgba(1,31,43,.12) 100%),
      linear-gradient(90deg,rgba(1,31,43,.22) 0%,rgba(1,31,43,.06) 38%,transparent 70%);
  }
  .hero__copy{max-width:100%;padding-top:14px;position:relative;z-index:2}
  .hero__copy h1,.hero__description,.hero__data{text-shadow:0 3px 16px rgba(0,19,28,.38)}
  .hero__copy h1{max-width:330px}
  .hero__description{max-width:350px}
  .hero__data{max-width:340px}
  .hero__cta{bottom:46px;width:min(92%,480px);justify-content:center;padding:18px 22px}
  .hero__legal{right:7px;bottom:118px;font-size:.5rem;opacity:.92}
}