:root{
  --negro:#121110;
  --tinta:#1b1915;
  --papel:#f3eee2;
  --papel-hondo:#e8dfcb;
  --crema:#fbf7ee;
  --malbec:#6a1f35;
  --malbec-claro:#8c3049;
  --neon:#f8ff13;
  --gris:#5d564b;
  --hilo:#c7bba1;
  --ancho:1180px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;
  background:var(--papel);
  color:var(--tinta);
  font-family:"Gudea",system-ui,-apple-system,"Segoe UI",sans-serif;
  font-size:1.0625rem;
  line-height:1.62;
  min-height:100vh;
  display:flex;
  flex-direction:column;
}
img{max-width:100%;height:auto;display:block}
a{color:var(--malbec)}
a:hover{color:var(--malbec-claro)}
h1,h2,h3{font-family:"Prata",Georgia,"Times New Roman",serif;font-weight:400;line-height:1.22;color:var(--negro)}
h1{font-size:clamp(1.9rem,1.2rem + 2.6vw,3rem);margin:.35em 0 .45em}
h2{font-size:clamp(1.4rem,1.1rem + 1vw,1.85rem);margin:2.1em 0 .6em}
h3{font-size:1.2rem;margin:1.6em 0 .4em}
p{margin:0 0 1em}

.demi-capsula{background:var(--negro);color:var(--papel);border-bottom:3px solid var(--neon)}
.demi-capsula-interior{max-width:var(--ancho);margin:0 auto;padding:12px 24px;display:flex;align-items:center;gap:20px}
.demi-monograma{display:flex;flex-direction:column;text-decoration:none;color:var(--papel);line-height:1.1;margin-right:auto}
.demi-monograma b{font-family:"Prata",Georgia,serif;font-weight:400;font-size:1.3rem;color:var(--neon);letter-spacing:.02em}
.demi-monograma small{font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;color:#cfc6b2}
.piccolo-collarin ul{list-style:none;margin:0;padding:0;display:flex;gap:4px 18px;flex-wrap:wrap}
.piccolo-collarin a{color:var(--papel);text-decoration:none;font-size:.95rem}
.piccolo-collarin a:hover,.piccolo-collarin a[aria-current="page"]{color:var(--neon)}
.demi-zarcillo{display:none}

.piccolo-descorche{
  display:inline-block;background:var(--neon);color:var(--negro);
  font-weight:700;text-decoration:none;letter-spacing:.03em;
  padding:.6em 1.15em;border:2px solid var(--negro);
  box-shadow:4px 4px 0 var(--malbec);white-space:nowrap;
}
.piccolo-descorche:hover{color:var(--negro);background:#fdff8a}
.piccolo-descorche:focus-visible{outline:3px solid var(--malbec);outline-offset:3px}
.demi-capsula .piccolo-descorche{box-shadow:none;border-color:var(--neon);font-size:.95rem}

.magnum-botella{flex:1 0 auto;width:100%;max-width:var(--ancho);margin:0 auto;padding:28px 24px 56px;display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:56px;align-items:start}
.magnum-botella.demi-sola{grid-template-columns:minmax(0,760px);justify-content:center}
.jeroboam-cepa{min-width:0;max-width:760px}
.piccolo-sendero{font-size:.88rem;color:var(--gris);margin-bottom:14px}
.piccolo-sendero ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.piccolo-sendero li+li::before{content:"/";margin-right:6px;color:var(--hilo)}
.piccolo-sendero a{color:var(--gris)}

.jeroboam-vendimia{
  background:var(--crema);border:1px solid var(--tinta);outline:5px double var(--tinta);outline-offset:-11px;
  padding:34px 34px 26px;text-align:center;position:relative;margin-bottom:28px;
}
.jeroboam-vendimia::before,.jeroboam-vendimia::after{
  content:"";position:absolute;left:50%;width:56px;height:2px;background:var(--malbec);transform:translateX(-50%)
}
.jeroboam-vendimia::before{top:22px}
.jeroboam-vendimia::after{bottom:20px}
.piccolo-anada{font-size:.8rem;letter-spacing:.22em;text-transform:uppercase;color:var(--malbec);margin:6px 0 0}
.demi-descriptor{font-size:1.12rem;max-width:620px;margin:0 auto 6px;text-align:left}

.demi-contraetiqueta{position:sticky;top:20px;background:var(--crema);border:1px solid var(--tinta);padding:22px 22px 14px;font-size:.95rem}
.demi-contraetiqueta h2{font-size:1.15rem;margin:0 0 .7em;text-align:center;letter-spacing:.06em}
.demi-contraetiqueta dl{margin:0}
.demi-contraetiqueta dt{font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--malbec);margin-top:10px}
.demi-contraetiqueta dd{margin:2px 0 0;border-bottom:1px dotted var(--hilo);padding-bottom:8px}
.demi-contraetiqueta p{font-size:.82rem;color:var(--gris);margin:12px 0 0}

.magnum-barrica{overflow-x:auto;margin:1.2em 0 1.4em;border:1px solid var(--tinta);background:var(--crema)}
.magnum-barrica table{border-collapse:collapse;width:100%;min-width:460px;font-size:.96rem}
.magnum-barrica caption{caption-side:bottom;text-align:left;font-size:.82rem;color:var(--gris);padding:8px 12px}
.magnum-barrica th{background:var(--negro);color:var(--neon);text-align:left;font-weight:700;padding:9px 12px}
.magnum-barrica td{padding:9px 12px;border-top:1px solid var(--hilo);vertical-align:top}

.demi-trasiego{counter-reset:paso;list-style:none;padding:0;margin:1em 0 1.4em}
.demi-trasiego li{counter-increment:paso;position:relative;padding:0 0 12px 46px}
.demi-trasiego li::before{
  content:counter(paso);position:absolute;left:0;top:-2px;width:32px;height:32px;border-radius:50%;
  background:var(--malbec);color:var(--papel);font-family:"Prata",Georgia,serif;display:flex;align-items:center;justify-content:center;font-size:.95rem
}

.demi-moderacion{border-left:6px solid var(--malbec);background:var(--papel-hondo);padding:12px 16px;font-size:.95rem;margin:1.2em 0}
.demi-moderacion p:last-child{margin-bottom:0}

.magnum-brindis{margin:2.2em 0;padding:22px 24px;background:var(--negro);color:var(--papel);display:flex;flex-wrap:wrap;align-items:center;gap:16px 24px}
.magnum-brindis p{margin:0;flex:1 1 300px}
.magnum-brindis .piccolo-descorche{box-shadow:4px 4px 0 var(--malbec-claro)}

.matusalen-hilera{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:1em 0 1.4em}
.matusalen-hilera > div{background:var(--crema);border:1px solid var(--hilo);padding:16px 18px}
.matusalen-hilera h3{margin-top:0}
.matusalen-hilera ul{margin:0;padding-left:1.1em}

.magnum-sobremesa details{border-top:1px solid var(--hilo);padding:12px 0}
.magnum-sobremesa details:last-child{border-bottom:1px solid var(--hilo)}
.magnum-sobremesa summary{cursor:pointer;font-weight:700;list-style:none;position:relative;padding-right:28px}
.magnum-sobremesa summary::-webkit-details-marker{display:none}
.magnum-sobremesa summary::after{content:"+";position:absolute;right:4px;top:-2px;font-size:1.3rem;color:var(--malbec)}
.magnum-sobremesa details[open] summary::after{content:"\2212"}
.magnum-sobremesa details p{margin:.6em 0 0}

.piccolo-terruno{font-size:.86rem;color:var(--gris)}
.demi-logotipo{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;margin:.4em 0 1.2em}
.demi-logotipo img{background:var(--negro);padding:14px 18px;box-sizing:content-box}
.demi-logotipo figcaption{font-size:.86rem;color:var(--gris);flex:1 1 220px}

.demi-picada{background:var(--negro);color:#d8d0bf;font-size:.92rem;border-top:3px solid var(--neon)}
.demi-picada-interior{max-width:var(--ancho);margin:0 auto;padding:34px 24px 26px;display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:32px}
.demi-picada a{color:var(--neon)}
.demi-picada p{margin:0 0 .8em}
.piccolo-acequia{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 18px}
.piccolo-acequia a{color:var(--papel);text-decoration:none}
.piccolo-acequia a:hover{color:var(--neon)}
.demi-picada-lote{grid-column:1 / -1;border-top:1px solid #3a372f;padding-top:14px;font-size:.84rem;color:#a79f8e}
.piccolo-correo{overflow-wrap:anywhere;margin-top:16px}

.nabuco-vacia{text-align:center;padding:30px 0 10px}
.nabuco-vacia ul{list-style:none;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:10px 22px}

@media (max-width:1060px){
  .magnum-botella{grid-template-columns:minmax(0,1fr);gap:24px;max-width:820px}
  .jeroboam-cepa{max-width:none}
  .demi-contraetiqueta{position:static}
}
@media (max-width:900px){
  .piccolo-collarin.demi-ancho{display:none}
  .demi-zarcillo{display:block;position:relative}
  .demi-zarcillo summary{list-style:none;cursor:pointer;color:var(--papel);border:1px solid #4a463c;padding:6px 12px;font-size:.92rem}
  .demi-zarcillo summary::-webkit-details-marker{display:none}
  .demi-zarcillo[open] summary{border-color:var(--neon);color:var(--neon)}
  .demi-zarcillo .piccolo-collarin{position:absolute;right:0;top:calc(100% + 10px);background:var(--negro);border:1px solid var(--neon);padding:14px 18px;z-index:5;min-width:220px}
  .demi-zarcillo .piccolo-collarin ul{flex-direction:column;gap:10px}
  .demi-picada-interior{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:560px){
  body{font-size:1rem}
  .demi-capsula-interior{padding:10px 16px;gap:10px;flex-wrap:wrap}
  .demi-monograma b{font-size:1.1rem}
  .demi-capsula .piccolo-descorche{font-size:.85rem;padding:.5em .8em}
  .magnum-botella{padding:18px 16px 40px}
  .jeroboam-vendimia{padding:30px 18px 24px;outline-offset:-8px}
  .matusalen-hilera{grid-template-columns:minmax(0,1fr)}
  .magnum-brindis{padding:18px}
  .piccolo-descorche{white-space:normal;text-align:center}
}