/* ═══════════════════════════════
   VIÑA ANTÚNEZ — Age Gate
   ═══════════════════════════════ */

html.age-gate-pending body { overflow: hidden; }

#age-gate {
  position: fixed; inset: 0; z-index: 1100;
  display: flex; align-items: center; justify-content: center;
  padding: 32px;
  background:
    linear-gradient(rgba(18, 26, 14, .75), rgba(18, 26, 14, .88)),
    url('assets/img/hero.jpg') center / cover no-repeat;
  opacity: 0;
  transition: opacity .8s ease, transform .8s var(--ease);
  will-change: opacity;
}
#age-gate.ag-visible { opacity: 1; }
#age-gate.ag-exit { opacity: 0; transform: scale(.99); pointer-events: none; }

/* ── Contenido ── */
.ag-inner {
  text-align: center;
  max-width: 400px;
  width: 100%;
  color: var(--crema);
  animation: ag-in .9s var(--ease) .1s both;
}
@keyframes ag-in {
  from { opacity: 0; transform: translateY(16px); }
  to   { opacity: 1; transform: none; }
}

.ag-mark {
  display: block;
  font-size: 44px;
  color: var(--vendimia);
  margin-bottom: 18px;
  line-height: 1;
}

.ag-brand {
  display: block;
  font-family: var(--serif);
  font-size: clamp(14px, 2.5vw, 18px);
  letter-spacing: .38em;
  padding-left: .38em;
  color: rgba(242, 237, 228, .6);
  margin-bottom: 44px;
}

.ag-title {
  font-family: var(--serif);
  font-size: clamp(28px, 5.5vw, 44px);
  font-weight: 400;
  line-height: 1.15;
  margin-bottom: 0;
}
.ag-title-en {
  display: block;
  font-size: .5em;
  font-style: italic;
  color: rgba(242, 237, 228, .4);
  margin-top: 10px;
  letter-spacing: .03em;
}

/* ── Botones lado a lado ── */
.ag-btns {
  display: flex;
  gap: 14px;
  justify-content: center;
  margin: 44px auto 28px;
}
.ag-btn {
  flex: 1;
  max-width: 180px;
  padding: 14px 20px;
  font-family: var(--sans);
  font-size: 11px;
  font-weight: 500;
  letter-spacing: .2em;
  text-transform: uppercase;
  border-radius: var(--rad);
  cursor: pointer;
  transition: all .35s var(--ease);
  line-height: 1;
}
.ag-btn-yes {
  background: rgba(196, 168, 79, .12);
  border: 1px solid var(--vendimia);
  color: var(--vendimia);
}
.ag-btn-yes:hover, .ag-btn-yes:focus-visible {
  background: var(--vendimia);
  color: var(--musgo-deep);
  transform: translateY(-2px);
  outline: none;
}
.ag-btn-no {
  background: none;
  border: 1px solid rgba(242, 237, 228, .18);
  color: rgba(242, 237, 228, .55);
}
.ag-btn-no:hover, .ag-btn-no:focus-visible {
  border-color: rgba(242, 237, 228, .42);
  color: var(--crema);
  outline: none;
}

.ag-legal {
  font-size: 10px;
  color: rgba(242, 237, 228, .22);
  letter-spacing: .04em;
  line-height: 1.6;
}

@media (max-width: 480px) {
  .ag-btns { flex-direction: column; align-items: center; }
  .ag-btn   { max-width: 100%; width: 100%; }
}