/* Pressumo — site styles. The bottle label is the design system:
   white panel, lowercase wordmark, right-aligned ingredient stack, "(y nada más)". */

@font-face{font-family:"Poppins";font-style:normal;font-weight:400;font-display:optional;src:url(https://fonts.gstatic.com/s/poppins/v24/pxiEyp8kv8JHgFVrJJfecg.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Poppins";font-style:normal;font-weight:600;font-display:optional;src:url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLEj6Z1xlFQ.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

h1,h2,h3,h4{font-weight:600;letter-spacing:-.02em}
h1{font-size:clamp(2.3rem,1.4rem + 4.2vw,4.6rem);line-height:1.04}
.intro h1{font-size:clamp(2.05rem,1.2rem + 4.2vw,4.6rem);max-width:none}
.intro h1 .ln{display:block}
h2{font-size:clamp(1.7rem,1.3rem + 1.8vw,2.6rem)}
strong,b{font-weight:600}
.btn{font-weight:600}

/* Header: the wordmark is set in type, lowercase, like the labels */
.site-header{background:#fff;backdrop-filter:none}
.wordmark{font-family:var(--font-display);font-weight:600;font-size:1.65rem;letter-spacing:-.035em;color:var(--ink);text-decoration:none;line-height:1}
.nav a{font-weight:400;color:var(--ink)}
.nav a:hover,.nav a[aria-current="page"]{color:var(--brand)}
.btn-wa svg{width:18px;height:18px;flex:none}

/* Hero */
.intro{padding-block:clamp(2rem,5vw,4rem) clamp(1.25rem,2.5vw,2rem)}
.intro .lede{color:var(--ink-2);margin-top:var(--s-5)}
.intro .actions{margin-top:var(--s-6)}
.intro .rule-note{margin-top:var(--s-4);font-size:var(--fs-sm);color:var(--ink-2);max-width:52ch}

/* The shelf: one band of bottles, full width up to the photo's own width */
.shelf{background:var(--bg-alt);margin:0}
.shelf picture,.shelf img{display:block;width:100%;max-width:1600px;height:auto;margin-inline:auto}

/* Labels: the juice list */
.labels{display:grid;gap:var(--s-4);grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));list-style:none;margin:0;padding:0}
.label-card{background:#fff;border-radius:var(--radius);display:grid;grid-template-columns:auto 1fr;gap:var(--s-4);padding:var(--s-5) var(--s-5) var(--s-5) var(--s-4);min-height:15rem}
.label-card .vmark{writing-mode:vertical-rl;transform:rotate(180deg);font-weight:600;font-size:1.9rem;letter-spacing:-.04em;line-height:1;color:var(--ink-3);align-self:end}
.label-card .body{text-align:right;display:flex;flex-direction:column}
.label-card h3{font-size:1.25rem;margin:0 0 var(--s-3);line-height:1.15}
.label-card ul{list-style:none;margin:0;padding:0;color:var(--ink-2);line-height:1.45}
.label-card .nada{font-weight:600;color:var(--ink);margin-top:.15em}
.label-card .size{margin-top:auto;padding-top:var(--s-4);font-size:var(--fs-xs);color:var(--ink-2)}
.label-card .size b{display:block;font-size:var(--fs-sm);color:var(--ink)}

/* Spec sheet (how it's made) */
.spec{display:grid;grid-template-columns:minmax(0,1fr);gap:0;margin:0;border-top:1px solid var(--line)}
.spec>div{display:grid;grid-template-columns:minmax(0,9rem) minmax(0,1fr);gap:var(--s-4);padding:var(--s-4) 0;border-bottom:1px solid var(--line)}
.spec dt{font-weight:600}
.spec dd{margin:0;color:var(--ink-2)}
.made{display:grid;gap:var(--s-7);grid-template-columns:minmax(0,1fr)}
@media(min-width:900px){.made{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:start}}

/* Programmes: real quantities, so the numbers carry meaning */
.days{display:grid;gap:var(--s-4);grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));list-style:none;margin:0;padding:0}
.days li{border-top:3px solid var(--ink);padding-top:var(--s-4)}
.days .n{display:block;font-size:clamp(2.6rem,2rem + 2vw,3.6rem);font-weight:600;line-height:1;letter-spacing:-.04em}
.days .u{display:block;margin-top:.3em;font-weight:600}
.days .d{display:block;color:var(--ink-2);font-size:var(--fs-sm);margin-top:.2em}
.caution{margin-top:var(--s-6);font-size:var(--fs-sm);color:var(--ink-2);max-width:70ch;padding-left:var(--s-4);border-left:3px solid var(--line)}

/* Ordering */
.order{display:grid;gap:var(--s-7);grid-template-columns:minmax(0,1fr)}
@media(min-width:900px){.order{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start}}
.rules{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.rules li{padding:var(--s-4) 0;border-bottom:1px solid var(--line)}
.rules b{display:block}
.rules span{color:var(--ink-2);font-size:var(--fs-sm)}
.wa-panel{background:#fff;border-radius:var(--radius);padding:var(--s-6)}
.wa-panel p{color:var(--ink-2)}
.wa-panel .btn{margin-top:var(--s-4)}
.wa-panel .alt{margin-top:var(--s-5);font-size:var(--fs-sm)}

/* Where to buy */
.stores{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.6rem}
.stores li{background:#fff;border-radius:var(--radius);padding:.55em 1em;font-weight:600}
.section.alt .stores li{background:#fff}
.section:not(.alt) .stores li{background:var(--bg-alt)}

/* Juice detail rows (jugos page) */
.juice{display:grid;gap:var(--s-5);grid-template-columns:minmax(0,1fr);align-items:center;padding-block:var(--s-6);border-bottom:1px solid var(--line)}
.juice img{width:min(100%,220px);height:auto;margin-inline:auto}
@media(min-width:760px){.juice{grid-template-columns:220px minmax(0,1fr)}}
.juice h2{font-size:var(--fs-xl);margin-bottom:var(--s-2)}
.juice .ing{color:var(--ink-2)}

.section-tight{padding-block:0 var(--section)}
.ing-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.35rem .5rem}
.ing-list li{background:var(--bg-alt);border-radius:var(--radius);padding:.2em .65em;font-size:var(--fs-sm)}
.ing-list li.nada{background:none;padding-inline:0;font-weight:600}
.juice p{color:var(--ink-2)}
.nophoto{display:none}
@media(min-width:760px){.nophoto{display:block}}
.after-list{padding-top:var(--s-7)}
.after-list .cluster{margin-top:var(--s-4)}
.h3{font-size:var(--fs-xl)}
.qty{border:1px solid var(--line);border-radius:var(--radius);padding:var(--s-4);margin:0}
.qty legend{font-weight:600;padding:0 .4em;font-size:var(--fs-sm)}
.qty-grid{display:grid;gap:var(--s-3);grid-template-columns:repeat(auto-fill,minmax(min(100%,150px),1fr))}
.qty-grid label{font-weight:400}
.more{margin-top:var(--s-5);font-weight:600}

/* Footer */
.site-footer{background:var(--ink)}
.site-footer .wordmark{color:#fff;font-size:1.8rem}
.site-footer p{max-width:none}
.footer-grid address{font-style:normal;line-height:1.7}

/* Page head on inner pages */
.page-head{padding-block:clamp(2.5rem,6vw,4.5rem) var(--s-6)}
.page-head h1{font-size:clamp(2rem,1.4rem + 3vw,3.6rem)}
.page-head .lede{margin-top:var(--s-4)}

@media(max-width:600px){
  .label-card{min-height:0;padding:var(--s-4)}
  .label-card .vmark{font-size:1.35rem}
}
@media(max-width:480px){
  .intro .actions .btn{width:100%}
  .spec>div{grid-template-columns:minmax(0,1fr);gap:.2rem}
}