:root{
	--fondo:#f3f4f1; --blanco:#ffffff; --linea:#dfe2dd;
	--tinta:#13181c; --tinta-2:#1c2328; --gris:#5a646c; --gris-claro:#a9b2b8;
	--verde:#1d5a43; --verde-osc:#14422f; --verde-suave:#e2eee7;
	--oro:#c9a24b; --oro-claro:#e6cf96;
	--rojo:#b3332c;
	--display:"Barlow Condensed","Arial Narrow",Arial,sans-serif;
	--texto:"Barlow",Arial,sans-serif;
	--marcador:"Permanent Marker","Comic Sans MS",cursive;
	--ancho:1240px; --radio:12px;
}
[hidden]{display:none!important}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:90px}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
body{margin:0;font-family:var(--texto);font-size:1.0625rem;line-height:1.6;color:var(--tinta);background:var(--fondo)}
img{max-width:100%;display:block}
a{color:var(--verde)}
h1,h2,h3{font-family:var(--display);line-height:1;margin:0 0 .4em;font-weight:800;letter-spacing:-.01em}
h2{font-size:clamp(2.4rem,4.8vw,3.9rem)}
p{margin:0 0 1em}
:focus-visible{outline:3px solid var(--oro);outline-offset:3px}
.saltar{position:absolute;left:-999px;top:0;background:var(--tinta);color:#fff;padding:.6em 1em;z-index:100}
.saltar:focus{left:1rem}

/* botones */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4em;font-family:var(--display);font-weight:700;font-size:1.2rem;letter-spacing:.02em;padding:.75em 1.6em;border:1.5px solid var(--verde);background:var(--verde);color:#fff;text-decoration:none;border-radius:999px;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.btn:hover{background:var(--verde-osc);border-color:var(--verde-osc)}
.btn--linea{background:transparent;color:var(--tinta);border-color:var(--tinta)}
.btn--linea:hover{background:var(--tinta);color:#fff;border-color:var(--tinta)}
.btn--claro{background:transparent;color:#fff;border-color:rgba(255,255,255,.55)}
.btn--claro:hover{background:#fff;color:var(--tinta);border-color:#fff}
.btn--wa{width:100%}
.btn--chico{font-size:1.05rem;padding:.55em 1.1em}
.btn.agregado{background:var(--oro);border-color:var(--oro);color:var(--tinta)}

/* cabecera */
.cabecera{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.94);backdrop-filter:blur(8px);border-bottom:1px solid var(--linea)}
.cabecera__in{max-width:var(--ancho);margin:0 auto;padding:.7rem 1.25rem;display:flex;align-items:center;gap:1.5rem}
.marca{display:flex;flex-direction:column;text-decoration:none;color:var(--tinta);line-height:.85}
.marca img{max-height:64px;width:auto}
.marca__chico{font-family:var(--display);font-weight:700;font-size:1.05rem;letter-spacing:.18em;color:var(--verde)}
.marca__grande{font-family:var(--display);font-weight:800;font-size:2.5rem;letter-spacing:-.01em}
.menu{margin-left:auto}
.menu ul{list-style:none;display:flex;gap:1.8rem;margin:0;padding:0}
.menu a{font-family:var(--display);font-weight:600;font-size:1.2rem;text-decoration:none;color:var(--tinta)}
.menu a:hover{color:var(--verde)}
.btn-pedido{font-family:var(--display);font-weight:700;font-size:1.15rem;background:var(--tinta);color:#fff;border:0;border-radius:999px;padding:.55em 1.1em;cursor:pointer;display:flex;align-items:center;gap:.55em}
.btn-pedido:hover{background:var(--verde)}
.btn-pedido__n{background:var(--oro);color:var(--tinta);min-width:1.6em;height:1.6em;border-radius:1em;display:inline-grid;place-items:center;font-size:.9rem;padding:0 .35em}
.btn-pedido.salto{animation:salto .35s}
@keyframes salto{40%{transform:scale(1.1)}}
@media (max-width:820px){.menu{display:none}.btn-pedido{margin-left:auto}.marca__grande{font-size:2rem}}

/* portada */
.portada{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);min-height:min(88vh,820px);background:var(--tinta);color:#fff}
.portada__texto{padding:clamp(2.5rem,6vw,5.5rem) clamp(1.25rem,4vw,4.5rem);display:flex;flex-direction:column;justify-content:center;max-width:700px;margin-left:auto;width:100%}
.portada__marca{margin:0 0 .3em;display:flex;flex-direction:column;line-height:.86}
.portada__bloquera{font-weight:700;font-size:clamp(1.5rem,2.6vw,2.2rem);letter-spacing:.22em;color:var(--oro);margin-bottom:.15em}
.portada__pochito{white-space:nowrap;font-size:clamp(4rem,8.6vw,8.4rem);font-weight:800;letter-spacing:-.02em;color:#fff}
.portada__lema{font-family:var(--display);font-weight:600;font-size:clamp(1.5rem,2.4vw,2rem);line-height:1.15;color:#fff;margin-bottom:.6em}
.portada p{color:#c3cbd0;font-size:1.15rem;max-width:34em}
.portada__sellos{list-style:none;padding:0;margin:.4rem 0 1.6rem;display:flex;flex-wrap:wrap;gap:.6rem}
.portada__sellos li{font-family:var(--display);font-weight:600;font-size:1.1rem;border:1px solid var(--oro);color:var(--oro-claro);padding:.3em .95em;border-radius:999px}
.portada__acciones{display:flex;flex-wrap:wrap;gap:.8rem}
.portada__foto{margin:0;position:relative}
.portada__foto::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--tinta) 0,rgba(19,24,28,0) 28%);z-index:1;pointer-events:none}
.portada__foto img{width:100%;height:100%;object-fit:cover;object-position:40% 55%}
@media (max-width:900px){.portada{grid-template-columns:1fr}.portada__foto{order:-1;height:42vh}.portada__foto::before{background:linear-gradient(0deg,var(--tinta) 0,rgba(19,24,28,0) 40%)}.portada__texto{margin:0}}

/* secciones */
.seccion__cab{max-width:var(--ancho);margin:0 auto 2.5rem;padding:0 1.25rem;display:grid;grid-template-columns:auto 1fr;gap:1rem 3rem;align-items:end}
.seccion__cab p{max-width:38em;color:var(--gris);margin:0}
@media (max-width:700px){.seccion__cab{grid-template-columns:1fr}}
.productos{padding:clamp(3.5rem,8vw,7rem) 0}

/* productos */
.grilla{list-style:none;margin:0 auto;padding:0 1.25rem;max-width:var(--ancho);display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:1.6rem}
.prod{background:var(--blanco);border:1px solid var(--linea);border-radius:var(--radio);display:flex;flex-direction:column;overflow:hidden;transition:box-shadow .2s,border-color .2s}
.prod:hover{border-color:#cfd4ce;box-shadow:0 14px 30px -18px rgba(19,24,28,.35)}
.prod__foto{position:relative;aspect-ratio:4/3;background:#e7e9e5}
.prod__foto img{width:100%;height:100%;object-fit:cover}
.prod__codigo{position:absolute;left:.8rem;bottom:.7rem;font-family:var(--marcador);font-size:2.3rem;line-height:1;color:var(--rojo);background:rgba(255,255,255,.94);padding:.14em .4em .04em;border-radius:8px;transform:rotate(-3deg)}
.prod__codigo--u{color:var(--verde)}
.prod__info{padding:1.2rem 1.25rem 1.3rem;display:flex;flex-direction:column;flex:1}
.prod h3{font-size:1.75rem;margin-bottom:.1em}
.prod__medida{font-weight:600;color:var(--verde);margin-bottom:.5em;font-size:.98rem}
.prod__desc{color:var(--gris);font-size:.98rem}
.prod__precio{font-family:var(--display);font-weight:700;font-size:1.45rem;margin:auto 0 .2em}
.prod__precio small{font-family:var(--texto);font-weight:400;font-size:.9rem;color:var(--gris)}
.prod__pallet{font-size:.92rem;color:var(--gris);margin-bottom:.4em}
.prod__comprar{display:flex;gap:.6rem;margin-top:.7rem}
.cantidad{display:flex;border:1px solid var(--linea);border-radius:999px;overflow:hidden;flex:1;background:var(--fondo)}
.cantidad button{width:2.5rem;border:0;background:transparent;font-size:1.3rem;cursor:pointer;color:var(--tinta)}
.cantidad button:hover{background:var(--verde-suave)}
.cantidad input{width:100%;min-width:0;border:0;background:transparent;text-align:center;font:600 1.1rem var(--texto);color:var(--tinta);-moz-appearance:textfield}
.cantidad input::-webkit-inner-spin-button{-webkit-appearance:none}

/* envíos */
.envios{background:var(--tinta-2);color:#fff;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(2rem,5vw,4.5rem);padding:clamp(3.5rem,8vw,7rem) max(1.25rem,calc((100vw - var(--ancho))/2 + 1.25rem))}
.envios p{color:#c3cbd0;font-size:1.1rem}
.envios__venta{font-family:var(--display);font-weight:700;font-size:1.5rem;letter-spacing:.06em;color:var(--oro)!important;margin-top:-.2em}
.pasos{list-style:none;counter-reset:p;padding:0;margin:2.2rem 0 0;border-top:1px solid rgba(255,255,255,.12)}
.pasos li{counter-increment:p;position:relative;padding:1rem 0 1rem 3.4rem;color:#c3cbd0;border-bottom:1px solid rgba(255,255,255,.12)}
.pasos li strong{color:#fff}
.pasos li::before{content:counter(p);position:absolute;left:0;top:.75rem;font-family:var(--display);font-weight:800;font-size:2rem;line-height:1;color:var(--oro)}
.envios__fotos{display:grid;grid-template-columns:1fr 1fr;gap:.9rem}
.envios__fotos img{width:100%;height:100%;object-fit:cover;border-radius:var(--radio)}
.envios__f1{grid-column:1/3;aspect-ratio:16/8}
.envios__f2,.envios__f3{aspect-ratio:4/3}
@media (max-width:900px){.envios{grid-template-columns:1fr}}

/* historia */
.historia{padding:clamp(3.5rem,8vw,7rem) 1.25rem;max-width:var(--ancho);margin:0 auto}
.historia__cab{max-width:46rem;margin-bottom:2.8rem}
.historia__cab p{font-size:1.15rem;color:var(--gris)}
.album{list-style:none;margin:0;padding:0;columns:4 240px;column-gap:1.3rem}
.album li{break-inside:avoid;margin-bottom:1.3rem}
.album figure{margin:0;background:var(--blanco);padding:.55rem .55rem .2rem;border-radius:6px;box-shadow:0 10px 24px -16px rgba(19,24,28,.45)}
.album li:nth-child(odd) figure{transform:rotate(-.8deg)}
.album li:nth-child(3n) figure{transform:rotate(1deg)}
.album img{border-radius:3px}
.album figcaption{font-family:var(--display);font-weight:600;font-size:1.05rem;color:var(--gris);padding:.55rem .2rem .45rem;line-height:1.25}

/* contacto */
.contacto{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);background:var(--verde);color:#fff}
.contacto__datos{padding:clamp(3rem,6vw,5.5rem) clamp(1.25rem,4vw,4.5rem);max-width:620px;margin-left:auto;width:100%}
.contacto h2{color:#fff}
.contacto dl{display:grid;grid-template-columns:auto 1fr;gap:.6rem 1.4rem;margin:1.4rem 0 2.2rem}
.contacto dt{font-family:var(--display);font-weight:700;font-size:1.1rem;letter-spacing:.06em;color:var(--oro-claro)}
.contacto dd{margin:0;color:#e4eee8}
.contacto a{color:#fff}
.contacto .btn{background:#fff;color:var(--verde-osc);border-color:#fff}
.contacto .btn:hover{background:var(--oro);border-color:var(--oro);color:var(--tinta)}
.contacto__mapa iframe{width:100%;height:100%;min-height:400px;border:0;display:block;filter:grayscale(.35)}
@media (max-width:900px){.contacto{grid-template-columns:1fr}.contacto__datos{margin:0}}

/* página común */
.pagina{max-width:46rem;margin:0 auto;padding:4rem 1.25rem}
.pagina h1{font-size:3rem}

/* pie */
.pie{background:var(--tinta);color:var(--gris-claro);padding:3rem 1.25rem 2.5rem}
.pie__in{max-width:var(--ancho);margin:0 auto;display:flex;flex-wrap:wrap;gap:1rem 4rem}
.pie a{color:var(--oro-claro)}
.pie__marca{font-family:var(--display);font-weight:800;font-size:2rem;color:#fff;margin:0 0 .2em}
.pie__copy{width:100%;font-size:.9rem;margin:1.5rem 0 0;padding-top:1.2rem;border-top:1px solid rgba(255,255,255,.1)}

/* whatsapp flotante */
.wa-flotante{position:fixed;right:1.1rem;bottom:1.1rem;width:58px;height:58px;border-radius:50%;background:#25d366;color:#fff;display:grid;place-items:center;z-index:30;box-shadow:0 8px 20px rgba(0,0,0,.25)}
body.pedido-abierto .wa-flotante{display:none}

/* panel de pedido */
.pedido{position:fixed;inset:0;z-index:60}
.pedido__fondo{position:absolute;inset:0;background:rgba(19,24,28,.6);backdrop-filter:blur(2px)}
.pedido__panel{position:absolute;right:0;top:0;bottom:0;width:min(440px,100%);background:var(--blanco);display:flex;flex-direction:column;overflow-y:auto;padding:1.4rem 1.4rem 2rem;box-shadow:-20px 0 40px -20px rgba(0,0,0,.4);animation:entra .25s ease-out}
@keyframes entra{from{transform:translateX(100%)}}
.pedido__cab{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;padding-bottom:.8rem;border-bottom:1px solid var(--linea)}
.pedido__cab h2{font-size:2.2rem;margin:0}
.pedido__cerrar{font-size:2rem;line-height:1;background:none;border:0;cursor:pointer;color:var(--tinta);padding:.2rem .5rem}
.pedido__vacio{padding:1rem 0;color:var(--gris)}
.pedido__lista{list-style:none;margin:0;padding:0}
.pedido__lista li{display:grid;grid-template-columns:1fr auto;gap:.2rem .8rem;padding:.85rem 0;border-bottom:1px solid var(--linea)}
.pedido__lista .nom{font-weight:600}
.pedido__lista .med{font-size:.9rem;color:var(--gris)}
.pedido__lista .cant{display:flex;align-items:center;gap:.4rem;grid-row:span 2}
.pedido__lista .cant input{width:5rem;padding:.4rem;border:1px solid var(--linea);border-radius:8px;font:600 1rem var(--texto);text-align:center}
.pedido__lista .quitar{background:none;border:0;color:var(--rojo);cursor:pointer;font-size:.9rem;text-decoration:underline;padding:0;justify-self:start}
.pedido__total{font-family:var(--display);font-weight:700;font-size:1.4rem;margin:1rem 0}
.pedido__form label{display:block;font-weight:600;margin-bottom:.9rem}
.pedido__form input[type=text],.pedido__form textarea{display:block;width:100%;margin-top:.3rem;padding:.65rem .8rem;border:1px solid #cdd2cc;border-radius:8px;font:400 1rem var(--texto);background:#fff}
.pedido__form input[type=text]:focus,.pedido__form textarea:focus{border-color:var(--verde);outline:2px solid var(--verde-suave)}
.pedido__form fieldset{border:0;padding:0;margin:0 0 .9rem}
.pedido__form legend{font-weight:600;margin-bottom:.4rem}
.pedido__form .opcion{font-weight:400;display:flex;gap:.5rem;align-items:center;margin-bottom:.3rem}
.pedido__error{color:var(--rojo);font-weight:600;min-height:1.2em}
.pedido__vaciar{background:none;border:0;color:var(--gris);text-decoration:underline;cursor:pointer;margin-top:1rem;font:inherit}