.nav-hidden {
    transform: translateY(-100%);
  }

.nav-visible {
    background-color: rgba(255, 255, 255, 0.6);
    backdrop-filter: blur(12px);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
    transform: translateY(0);
}

#navbar {
    transition: transform 0.4s ease-in-out, background-color 0.4s ease-in-out, backdrop-filter 0.4s ease-in-out;
}


.cmodal{position:fixed; inset:0; display:grid; place-items:center; opacity:0; pointer-events:none; transition:.2s ease; z-index:9999;}
.cmodal.open{opacity:1; pointer-events:auto;}
.cmodal__backdrop{position:absolute; inset:0; background:rgba(0,0,0,.5);}
.cmodal__content{position:relative; width:min(640px, 92vw); max-height:90vh; overflow:auto; background:#fff; color:#111; border-radius:16px; box-shadow:0 10px 40px rgba(0,0,0,.25); padding:1rem 1rem 1.25rem;}
.cmodal__header{display:flex; justify-content:space-between; align-items:center; gap:.75rem; padding:.25rem .25rem .5rem;}
.cmodal__footer{display:flex; justify-content:flex-end; gap:.75rem; margin-top:.5rem;}
.cform__row{display:flex; flex-direction:column; gap:.375rem; margin:.5rem 0;}
.cform__checks, .cform__radios{display:grid; gap:.5rem; grid-template-columns:1fr; }
@media (min-width:560px){ .cform__checks, .cform__radios{ grid-template-columns:repeat(2, minmax(0,1fr)); } }
.hp{ position:absolute; left:-9999px; width:1px; height:1px; overflow:hidden; }

.ctoast{position:fixed; left:50%; bottom:24px; transform:translateX(-50%); background:#0c1325; color:#fff; padding:.6rem .9rem; border-radius:.75rem; opacity:0; pointer-events:none; transition:.2s ease;}
.ctoast.show{opacity:1; pointer-events:auto;}











@media (prefers-reduced-motion: reduce){
  .cmodal__content,.ctoast{transition:none}
}


















@keyframes floatArm {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-8px); }
}
.animate-arm {
  animation: floatArm 6s ease-in-out infinite;
}


@media (max-width: 768px) {
  #contacto {
    padding-bottom: 7rem; /* o más si es necesario */
  }
}