:root{ --bg:#0f0d2f; --ink:#ffffff; --dim:#e8e8f2; --gold:#cfaf59 }

/* Webfont ArtBrush (D.O y UVA) */
@font-face{
  font-family:'ArtBrush';
  src:url('Artbrush.woff2') format('woff2'),
      url('Artbrush.ttf') format('truetype');
  font-weight:400; font-style:normal; font-display:swap;
}

*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0; background:var(--bg); color:var(--ink);
  font-family:'Montserrat',system-ui,-apple-system,Segoe UI,Roboto,Arial;
  overflow-x:hidden;
}

/* Video */
.bg-video{
  position:fixed; inset:0; width:100%; height:100%;
  object-fit:cover; z-index:-4; filter:brightness(.78) contrast(1.05);
}
.bg-overlay{position:fixed; inset:0; z-index:-3; pointer-events:none}
#stars,#constellations{position:fixed; inset:0; z-index:-2}

/* Header */
.site-header{
  position:sticky; top:0; z-index:10;
  display:flex; justify-content:space-between; align-items:center;
  padding:14px 6vw;
  background:linear-gradient(180deg,rgba(10,10,22,.7),rgba(10,10,22,.25) 70%,transparent);
  backdrop-filter:blur(6px);
  border-bottom:1px solid rgba(255,255,255,.08);
}
.brand{height:36px}
nav a{color:#fff; text-decoration:none; margin:0 10px; font-weight:500}
nav a:hover{color:var(--gold)}

/* Hero */
.hero{min-height:94vh; display:grid; place-items:center; text-align:center; padding:10vh 6vw 8vh; position:relative}
.hero-inner{max-width:980px; margin:auto; position:relative; z-index:2}

/* D.O (ArtBrush y tamaño correcto) */
.uva{font-family:'ArtBrush',sans-serif;}
.do-line{
  font-family:'ArtBrush',sans-serif;
  font-size:clamp(20px,1.05vw,22px);
  letter-spacing:.22em; text-transform:uppercase;
  color:#fff; opacity:.92; margin:0 0 10px;
  text-shadow:0 0 6px rgba(255,255,255,.35);
  margin: 0 0 100px 0;
}

.mark-42{width:320px; filter:drop-shadow(0 0 10px rgba(207,175,89,.45))}

.title{
  font-family:'Cormorant Garamond',serif;
  font-size:clamp(48px,6vw,92px);
  letter-spacing:.03em; margin:0;
}

/* Pisco Transparente con Courier */
.title .courier{
  display:block;
  font-family:'Courier New', Courier, monospace;
  color:#fff;
  font-size:clamp(24px,2.4vw,32px);
  letter-spacing:.14em;
  text-transform:uppercase;
  margin-top:6px;
}
.title .star{
  width:26px; height:auto; vertical-align:middle; margin:0 12px; opacity:.95;
}

/* UVA Pedro Jiménez (ArtBrush dorado) */
.uva{
  margin:12px 0 4px 0;
  font-size:clamp(18px,1.5vw,22px);
  letter-spacing:.22em; text-transform:uppercase;
  color:var(--gold);
}

/* Cita */
.quote{
  font-family:'Cormorant Garamond',serif;
  font-size:clamp(22px,2.2vw,34px);
  color:#fff; margin:26px auto 36px; max-width:1100px;
  text-shadow:0 0 10px rgba(255,255,255,.6), 0 0 20px rgba(207,175,89,.35);
}

/* CTA */
.cta-group{padding:1.4rem 0 0}
.btn-cta{
  /*background:linear-gradient(180deg,#f6de9a,#cfaf59); color:#111; font-weight:700;*/
  padding:.9rem 1.3rem; border-radius:999px; text-decoration:none;
  box-shadow:0 10px 24px #27124d;
  border:solid 1px #FFF; color: #FFF;
  -webkit-transition: all .5s linear;
}
.btn-cta:hover{
  -webkit-transition: all .5s linear;
  background: #27124d; color: #FFF;
  border:none;
}

/* Botella */
.bottle-wrap{
  position:relative; display:flex; justify-content:center; margin-top:54px;
  perspective:1000px;
}
.bottle{
  width:clamp(240px,28vw,380px);
  filter:drop-shadow(0 0 22px rgba(207,175,89,.25)) drop-shadow(0 0 40px rgba(255,255,255,.12));
  transform-style:preserve-3d; backface-visibility:hidden;
  animation:float 6s ease-in-out infinite;
}
.spin{ animation: float 6s ease-in-out infinite, spinY 40s linear infinite; }
.bottle-shadow{
  position:absolute; bottom:-10px; width:40%; height:16px;
  background:radial-gradient(50% 50% at 50% 50%, rgba(0,0,0,.55), transparent 70%);
  filter:blur(2px); transform:translateZ(0);
}

@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@keyframes spinY{0%{transform:rotateY(0)}100%{transform:rotateY(360deg)}}

/* reduce motion */
@media (prefers-reduced-motion: reduce){
  .spin, .bottle{animation:none}
}

/* Ornamentos */
.orn{position:absolute; left:0; right:0; margin:auto; pointer-events:none}
.orn-bottom{bottom:0; width:560px; opacity:.9}

/* Secciones */
.section{padding:8vh 6vw; text-align:center}
.cols{display:grid; grid-template-columns:1fr 1fr; gap:5vw; align-items:center; text-align:left}
.section h2{font-family:'Cormorant Garamond',serif; font-size:clamp(32px,4vw,50px); text-transform:uppercase; letter-spacing:.02em}
.section p{opacity:.9; line-height:1.65}
.bullets{list-style:none; padding:0; margin-top:16px}
.bullets li::before{content:'✶ '; color:var(--gold)}
.label-frame img{width:72%; border-radius:12px}

/* Galería / tarjetas “glass” */
.gallery .grid{display:grid; grid-template-columns:repeat(3,1fr); gap:22px}
.card{
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.12);
  border-radius:16px; padding:16px;
  backdrop-filter: blur(4px);
}
.card.dark{background:rgba(0,0,0,.25)}
.card img{width:85%; border-radius:10px; display:block; margin-inline:auto}

/* Poema */
.poem .quote{max-width:1400px; font-size:clamp(26px,3.2vw,52px)}

/* Footer */
.site-footer{text-align:center; padding:24px; background:rgba(0,0,0,.4); color:#ccc; font-size:14px}

/* Corner Ornaments */
.corner-orn{position:fixed; width:200px; opacity:.85; pointer-events:none; z-index:-1}
.corner-orn.left{bottom:0; left:0}
.corner-orn.right{bottom:0; right:0; transform:scaleX(-1)}

@media (max-width:980px){
  .cols{grid-template-columns:1fr}
  .gallery .grid{grid-template-columns:1fr}
  .mark-42{width:180px}
}