#main-nav { gap:clamp(14px,1.6vw,26px); }
#main-nav .agua-del-cielo-link { min-height:44px; padding:10px 16px; border:1px solid #72c4d7; border-radius:99px; background:#e2f8fc; color:#045a70; white-space:nowrap; transition:background .2s,box-shadow .2s,transform .2s; }
#main-nav .agua-del-cielo-link::after { display:none; }
#main-nav .agua-del-cielo-link:hover { background:#c0eff7; box-shadow:0 6px 18px #00597518; transform:translateY(-2px); }
#main-nav .agua-del-cielo-link:active,.hero-actions>.button:active { transform:translateY(1px) scale(.97); }
@media (min-width:761px) and (max-width:1120px) { .header { gap:16px; } .header nav { display:none; position:absolute; left:0; right:0; top:100%; padding:24px 6%; background:#fff; box-shadow:0 15px 20px #052d3515; flex-direction:column; align-items:flex-start; gap:18px; } .header nav.open { display:flex; } .menu-toggle { display:block; min-width:44px; min-height:44px; border-radius:12px; } .header>.button { margin-left:auto; } }
@media (max-width:1120px) { #main-nav .agua-del-cielo-link { width:auto; } }
@media (prefers-reduced-motion:reduce) { #main-nav .agua-del-cielo-link,.hero-actions>.button { transition:none; transform:none; } }