:root{
  --petrol:#003b5c;
  --sky:#6eaefc;
  --lav:#d7c9ff;
}

/* Glass */
.glass-card{
  background:rgba(255,255,255,0.8);
  backdrop-filter:blur(8px);
  border:1px solid rgba(255,255,255,0.4);
  box-shadow:0 10px 28px rgba(0,0,0,0.06);
}

/* Inputs */
.input{
  width:100%;
  background:white;
  padding:0.65rem 0.8rem;
  border-radius:0.75rem;
  border:1px solid #dde3ea;
  box-shadow:0 4px 14px rgba(0,0,0,0.03);
  outline:none;
}
.input:focus{
  border-color:var(--sky);
  box-shadow:0 0 0 3px rgba(110,174,252,0.18);
}

/* Sugerencias */
.suggest-list{
  position:absolute;
  margin-top:4px;
  background:white;
  width:100%;
  border-radius:0.75rem;
  box-shadow:0 8px 24px rgba(0,0,0,0.08);
  border:1px solid #e2e8f0;
  overflow:hidden;
  z-index:40;
}
.suggest-item{
  padding:0.65rem 0.9rem;
  cursor:pointer;
}
.suggest-item:hover{
  background:#eef6ff;
}

/* Fade in */
.fade-in{
  animation:fadeInUp .55s ease both;
}
@keyframes fadeInUp{
  from{opacity:0; transform:translateY(12px);}
  to{opacity:1; transform:translateY(0);}
}

/* Cookie banner animación */
@keyframes slideUp{
  from{opacity:0; transform:translateY(35px);}
  to{opacity:1; transform:translateY(0);}
}
.animate-slideup{
  animation:slideUp .45s ease both;
}