/* OCEANSING · Inicio: presentación y accesos. Los efectos se reutilizan. */
.hero-warp {min-height:100svh; min-height:max(100svh,660px); padding-bottom:64px;}
.hero-content {transform:translateY(-14px);}
.hero-content > .warp-wrap {height:clamp(145px,17.2vw,226px);}
.hero-message {width:min(100%,730px);display:flex;flex-direction:column;align-items:center;text-align:center;gap:0;}
.hero-tagline {margin:0;color:#f7f7f7;font:500 clamp(28px,3.6vw,48px)/1.14 Arial,Helvetica,sans-serif;letter-spacing:-.055em;}
.hero-tagline em {font:italic 400 1.02em/1.14 'Della Respira',Georgia,serif;letter-spacing:-.05em;}
.hero-intro {margin:16px 0 0;max-width:58ch;color:rgba(245,245,245,.67);font:400 clamp(14px,1.18vw,17px)/1.65 Arial,Helvetica,sans-serif;}
.hero-actions {display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:27px;}
.hero-action.card-nav__cta {min-width:166px;height:49px;padding:0 22px;display:inline-flex;justify-content:center;align-items:center;gap:11px;text-decoration:none;border-radius:11px;font-size:11px;letter-spacing:.13em;cursor:pointer;}
.hero-action.card-nav__cta svg {width:16px;height:16px;flex:none;}
.hero-meta {margin:25px 0 0;color:rgba(255,255,255,.43);font:700 10px/1.7 'Courier New',monospace;letter-spacing:.13em;}
.hero-meta span {padding:0 6px;}
@media(max-width:850px){
 .hero-warp {min-height:clamp(560px,87svh,750px)!important;padding:120px 19px 45px!important;}
 .hero-content {transform:none!important;width:100%;}
 .hero-content > .warp-wrap {height:clamp(104px,22vw,148px)!important;}
 .hero-tagline {font-size:clamp(25px,6vw,39px);}
 .hero-message{width:min(100%,580px);}
 .hero-intro {font-size:14px;line-height:1.55;margin-top:13px;}
 .hero-actions{margin-top:20px;gap:10px;}
 .hero-action.card-nav__cta{height:46px;min-width:145px;padding:0 18px;}
 .hero-meta{font-size:9px;margin-top:18px;}
}
@media(max-width:450px){
 .hero-warp {min-height:clamp(540px,83svh,710px)!important;padding-top:105px!important;}
 .hero-content > .warp-wrap {height:105px!important;}
 .hero-tagline {font-size:clamp(26px,6.65vw,31px);}
 .hero-intro{font-size:13.5px;}
 .hero-actions {width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));}
 .hero-action.card-nav__cta {width:100%;min-width:0;padding:0 10px;font-size:10px;letter-spacing:.08em;}
 .hero-meta {max-width:30ch;line-height:1.7;}
}