/* Crudo · estilos del tema (paleta y tipografías del manual de marca) */
:root{
  --crudo:#F6EEE2; --paper:#FFFFFF; --white:#fff;
  --brown:#483323; --caramel:#91694B; --ink:#2F2519; --muted:#7D6E5F; --line:#E8DCCB;
  --sand:#D2B17A; --tan:#EDC28A; --red:#751A13; --green:#64A034;
  --wa:#25D366;
  --serif:"Unna",Georgia,serif; --sans:"Lexend",system-ui,sans-serif;
  --wrap:1240px; --gut:16px;
}
*,*::before,*::after{box-sizing:border-box}
body,h1,h2,h3,h4,p,ul,ol,figure,dl,dd{margin:0}
ul,ol{padding:0}
html{scroll-behavior:smooth}
body{background:var(--paper);color:var(--ink);font:300 15px/1.65 var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
button{font:inherit;cursor:pointer;border:0;background:none;color:inherit}
input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--caramel);outline-offset:2px}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 var(--gut)}
@media(min-width:768px){:root{--gut:32px}}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip-link{position:absolute;left:-9999px;top:0;z-index:100;background:var(--ink);color:#fff;padding:10px 16px}
.skip-link:focus{left:8px;top:8px}
[hidden]{display:none!important}
h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.1;color:var(--brown)}
.eyebrow{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--caramel);margin-bottom:12px}

/* announcement */
.announce{background:var(--brown);color:var(--crudo);font-size:13px;letter-spacing:.06em;text-align:center;padding:9px var(--gut)}
.announce b{font-weight:500}

/* header */
.site-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.96);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.admin-bar .site-header{top:46px}
@media(min-width:783px){.admin-bar .site-header{top:32px}}
.hbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:72px}
.logo img{height:52px;width:auto}
nav.main{display:none}
nav.main .menu{list-style:none;display:flex;gap:28px;align-items:center;font-size:14px;letter-spacing:.06em;text-transform:uppercase}
nav.main .menu > li{position:relative}
nav.main .menu > li > a{display:inline-block;padding:6px 0;border-bottom:1px solid transparent}
nav.main .menu > li > a:hover{border-color:var(--caramel)}
nav.main .sub-menu{list-style:none;position:absolute;left:-20px;top:100%;background:var(--white);border:1px solid var(--line);padding:14px 20px;display:none;flex-direction:column;gap:8px;min-width:220px;text-transform:none;letter-spacing:0;font-size:15px;box-shadow:0 12px 30px rgba(69,56,42,.08)}
nav.main li:hover > .sub-menu,nav.main li:focus-within > .sub-menu{display:flex}
nav.main .sub-menu a:hover{color:var(--caramel)}
nav.main .see-all a{color:var(--caramel)}
.icons{display:flex;justify-content:flex-end;gap:6px}
.icon-btn{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;position:relative}
.icon-btn:hover{background:var(--crudo)}
.icon-btn svg{width:21px;height:21px;stroke:var(--ink);fill:none;stroke-width:1.5}
.badge{position:absolute;top:3px;right:2px;background:var(--caramel);color:#fff;font-size:10px;min-width:17px;height:17px;border-radius:9px;display:grid;place-items:center;padding:0 4px}
.badge[data-count="0"]{display:none}
.menu-btn{justify-self:start}
.hide-m{display:none}
@media(min-width:960px){
  .hbar{grid-template-columns:auto 1fr auto;gap:40px;height:84px}
  .logo img{height:60px}
  nav.main{display:flex;justify-content:center}
  .menu-btn{display:none}
  .hide-m{display:grid}
}
.search-bar{border-top:1px solid var(--line);background:var(--paper);padding:14px 0}
.search-bar form{display:flex;gap:10px}
.search-bar input{flex:1;min-width:0;border:1px solid var(--line);background:var(--white);padding:12px 14px}

/* drawer */
.drawer{position:fixed;inset:0;z-index:60;background:rgba(46,38,32,.4)}
.drawer-panel{background:var(--paper);width:min(86vw,340px);height:100%;padding:24px;display:flex;flex-direction:column;gap:2px;overflow-y:auto}
.drawer-panel a{padding:12px 0;border-bottom:1px solid var(--line);font-size:17px}
.drawer-panel small{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:12px;margin-top:18px}
.drawer-close{align-self:flex-end}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:15px 30px;font-size:14px;letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--brown);transition:.2s;font-weight:400;line-height:1.2;text-align:center}
.btn-dark{background:var(--brown);color:var(--crudo)}
.btn-dark:hover{background:var(--ink)}
.btn-line:hover{background:var(--brown);color:var(--crudo)}
.btn-wa{background:var(--wa);border-color:var(--wa);color:#fff}
.btn-wa:hover{filter:brightness(.95)}

/* hero */
.hero{background:#E8E4DA;position:relative;overflow:hidden}
.hero-inner{display:grid;grid-template-columns:1fr}
.hero-img{aspect-ratio:4/3;background:66% center/cover no-repeat}
.hero-slides{position:relative;aspect-ratio:1/1}
.hero-slides .hero-img{background-position:var(--pos,66%) center}
@media(max-width:899px){.hero{background:var(--paper)}}
.hero-slides .hero-img{position:absolute;inset:0;aspect-ratio:auto;opacity:0;transition:opacity 1.2s ease}
.hero-slides .hero-img.is-on{opacity:1}
.hero-dots{position:absolute;left:0;right:0;bottom:14px;display:flex;justify-content:center;gap:8px;z-index:2}
.hero-dots button{width:9px;height:9px;border-radius:5px;background:rgba(72,51,35,.28);padding:0;transition:width .3s,background .3s}
.hero-dots button[aria-current="true"]{background:var(--brown);width:24px}
@media(prefers-reduced-motion:reduce){.hero-slides .hero-img{transition:none}}
.hero-copy{padding:32px var(--gut) 40px;text-align:center}
.hero h1{font-size:clamp(38px,6vw,68px)}
.hero p.lead{font-size:17px;color:var(--muted);max-width:430px;margin:16px auto 26px}
.hero-ctas{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
@media(min-width:900px){
  .hero-inner{min-height:620px;position:relative}
  .hero-slides{position:absolute;inset:0;aspect-ratio:auto}
  .hero-dots{bottom:24px}
  .hero-img{position:absolute;inset:0;aspect-ratio:auto;background-position:62% center}
  .hero-copy{position:relative;text-align:left;max-width:var(--wrap);margin:0 auto;width:100%;padding:0 var(--gut);display:flex;flex-direction:column;justify-content:center}
  .hero-copy > *{max-width:470px}
  .hero p.lead{margin-left:0}
  .hero-ctas{justify-content:flex-start}
}

/* benefits */
.benefits{background:var(--crudo);border-bottom:1px solid var(--line)}
.benefits ul{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:18px 12px;padding-top:22px;padding-bottom:22px}
.benefits li{display:flex;gap:10px;align-items:center;font-size:14px;line-height:1.3}
.benefits svg{flex:0 0 26px;width:26px;height:26px;stroke:var(--caramel);fill:none;stroke-width:1.4}
.benefits b{display:block;font-weight:400;color:var(--brown)}
.benefits span{color:var(--muted);font-size:13px}
@media(min-width:900px){.benefits ul{grid-template-columns:repeat(4,1fr)}}

/* sections */
.block{padding:64px 0}
@media(min-width:900px){.block{padding:96px 0}}
.sec-head{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:28px}
.sec-head h2{font-size:clamp(30px,4vw,44px)}
.sec-head > a{font-size:13px;letter-spacing:.1em;text-transform:uppercase;border-bottom:1px solid var(--caramel);white-space:nowrap}
.sec-head.center{display:block;text-align:center}
.more{margin-top:44px;text-align:center}

/* collections */
.cols{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.col{position:relative;overflow:hidden;background:var(--crudo);aspect-ratio:3/4}
.col:first-child{grid-column:span 2;aspect-ratio:16/10}
.cols.even .col:first-child{grid-column:auto;aspect-ratio:3/4}
.col img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.col:hover img{transform:scale(1.04)}
.col .lbl{position:absolute;left:0;right:0;bottom:0;padding:44px 14px 14px;background:linear-gradient(transparent,rgba(46,38,32,.62));color:#fff}
.col .lbl h3{color:#fff;font-size:26px}
.col .lbl span{font-size:12px;letter-spacing:.1em;text-transform:uppercase;opacity:.9}
@media(min-width:900px){
  .cols{grid-template-columns:repeat(var(--cols,5),1fr);gap:14px}
  .col,.col:first-child,.cols.even .col:first-child{grid-column:auto;aspect-ratio:3/4.4}
  .cols.few .col,.cols.few .col:first-child{aspect-ratio:4/5}
  .col .lbl h3{font-size:28px}
}

/* product grid (homepage, tienda, relacionados) */
.grid.products,.woocommerce ul.products.grid{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:28px 12px;margin:0;padding:0}
.grid.products::before,.grid.products::after,.woocommerce ul.products.grid::before,.woocommerce ul.products.grid::after{content:none!important;display:none!important}
@media(min-width:900px){.grid.products,.woocommerce ul.products.grid{grid-template-columns:repeat(4,1fr);gap:44px 22px}}
.grid.products .card{width:auto;float:none;margin:0;padding:0;text-align:left}
.grid.products .card .ph{position:relative;aspect-ratio:1/1;background:var(--white);overflow:hidden}
.grid.products .card .ph > a:first-of-type{position:absolute;inset:0}
.grid.products .card .ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .4s;margin:0}
.grid.products .card .ph img.alt{opacity:0}
.grid.products .card:hover .ph img.alt{opacity:1}
.grid.products .card .tags{position:absolute;top:10px;left:10px;z-index:2;display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.tag{font-size:11px;letter-spacing:.08em;text-transform:uppercase;padding:4px 8px;line-height:1.3;color:#fff}
/* Colores de etiquetas (pedido de la tienda, 19/10/2026): oferta verde, agotado corinto, bajo pedido crema */
.tag.sale{background:#3F7A1F;color:#fff}
.tag.oos{background:#751A13;color:#fff}
.tag.backorder{background:#F2E6D0;color:var(--brown);box-shadow:inset 0 0 0 1px rgba(72,51,35,.18)}
.single-product div.product{position:relative}
.single-product div.product > .tag{position:absolute;top:36px;left:12px;z-index:9}
.single-product div.product .stock{font-size:14px;margin:0 0 14px}
.single-product div.product .stock.out-of-stock{color:#751A13}
.single-product div.product .stock.available-on-backorder{display:inline-block;background:#F2E6D0;color:var(--brown);padding:5px 12px}
.grid.products .card .add{position:absolute;left:10px;right:10px;bottom:10px;background:var(--brown);color:var(--crudo);font-size:12px;letter-spacing:.1em;text-transform:uppercase;padding:11px;z-index:2;opacity:0;transform:translateY(8px);transition:.25s;text-align:center;line-height:1.3}
.grid.products .card:hover .add,.grid.products .card .add:focus{opacity:1;transform:none}
.grid.products .card .add.loading{opacity:.7}
.grid.products .card .added_to_cart{display:none}
@media(hover:none){.grid.products .card .add{opacity:1;transform:none;left:8px;right:8px;bottom:8px;padding:9px;font-size:11px}}
.grid.products .card .meta{padding-top:12px}
.grid.products .card .cat{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.grid.products .card h3{font-family:var(--sans);font-weight:400;font-size:16px;color:var(--ink);margin:2px 0;padding:0;line-height:1.35}
.grid.products .card .price,.grid.products .card .price .amount{color:var(--caramel);font-weight:400;font-size:15px}
.grid.products .card .price del{color:var(--muted);opacity:1;margin-right:6px}
.grid.products .card .price ins{text-decoration:none}

/* materials */
/* Banner de conciencia (reemplaza "Cada tela tiene su historia") */
.impact-banner{position:relative;background:var(--ink)}
.impact-slides{position:relative;height:clamp(546px,81vw,728px)}
.impact-slide{position:absolute;inset:0;background:30% center/cover no-repeat;opacity:0;transition:opacity 1.2s ease;display:flex;align-items:flex-end}
.impact-slide.is-on{opacity:1;z-index:1}
.impact-slide::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(15,12,9,.72))}
.impact-slide .wrap{position:relative;width:100%;padding-bottom:58px}
.impact-copy{color:#fff;max-width:520px}
.impact-title{font-family:var(--serif);font-size:clamp(40px,7vw,72px);line-height:1;color:#fff;text-shadow:0 2px 18px rgba(0,0,0,.25)}
.impact-text{margin-top:14px;font-size:14px;letter-spacing:.18em;text-transform:uppercase;opacity:.95}
.impact-banner .hero-dots{z-index:2}
.impact-banner .hero-dots button{background:rgba(255,255,255,.45)}
.impact-banner .hero-dots button[aria-current="true"]{background:#fff}
@media(min-width:900px){
  .impact-slide{align-items:center}
  .impact-slide::before{background:linear-gradient(90deg,transparent 35%,rgba(15,12,9,.62) 75%)}
  .impact-slide .wrap{display:flex;justify-content:flex-end;padding-bottom:0}
  .impact-copy{text-align:right}
}
@media(prefers-reduced-motion:reduce){.impact-slide{transition:none}}

/* b2b */
.b2b-grid{display:grid;gap:36px;align-items:center}
@media(min-width:900px){.b2b-grid{grid-template-columns:1.05fr 1fr;gap:72px}}
.b2b-img{position:relative}
.b2b-img img{aspect-ratio:4/5;object-fit:cover;width:100%}
.b2b-img .stamp{position:absolute;right:-6px;bottom:22px;background:var(--tan);color:var(--ink);padding:14px 18px;font-family:var(--serif);font-size:22px;line-height:1.1}
.b2b h2{font-size:clamp(32px,4.4vw,50px)}
.b2b p.lead{color:var(--muted);margin:16px 0 22px}
.steps{list-style:none;counter-reset:s;display:grid;gap:14px;margin-bottom:30px}
.steps li{counter-increment:s;display:flex;gap:14px;align-items:flex-start}
.steps li::before{content:counter(s);flex:0 0 30px;height:30px;border:1px solid var(--caramel);border-radius:50%;display:grid;place-items:center;color:var(--caramel);font-size:14px}
.steps b{font-weight:400;color:var(--brown);display:block}
.steps span{color:var(--muted)}
.logos{margin-top:72px;border-top:1px solid var(--line);padding-top:36px}
.logos p{text-align:center;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:22px}
.marquee{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.marquee-track{display:flex;width:max-content;animation:crudo-marquee var(--dur,40s) linear infinite}
.marquee:hover .marquee-track,.marquee:focus-within .marquee-track{animation-play-state:paused}
.marquee-set{list-style:none;display:flex;align-items:center;margin:0;padding:0}
.marquee-set li{flex:0 0 auto;padding:0 18px}
.marquee-set img{height:48px;width:auto;max-width:110px;object-fit:contain;opacity:.75;mix-blend-mode:multiply}
@media(min-width:900px){.marquee-set li{padding:0 40px}.marquee-set img{height:80px;max-width:170px}}
@keyframes crudo-marquee{to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){
  .marquee{-webkit-mask-image:none;mask-image:none}
  .marquee-track{animation:none;width:auto}
  .marquee-set{flex-wrap:wrap;justify-content:center;row-gap:18px}
  .marquee-set[aria-hidden]{display:none}
}

/* instagram */
.ig{background:var(--crudo)}
.ig-handle{display:inline-flex;align-items:center;gap:8px;color:var(--caramel);font-size:15px;margin-top:6px}
.ig-handle svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.6}
/* Feed de Instagram (Smash Balloon) con el estilo del sitio */
.ig #sb_instagram{padding:0!important}
.ig #sb_instagram .sb_instagram_header,.ig #sb_instagram #sbi_load{display:none!important}
.ig #sb_instagram #sbi_images{display:grid!important;grid-template-columns:repeat(3,1fr);gap:6px;padding:0!important}
.ig #sb_instagram #sbi_images .sbi_item{width:auto!important;padding:0!important;margin:0!important}
.ig #sb_instagram .sbi_photo_wrap,.ig #sb_instagram .sbi_photo{aspect-ratio:1/1;overflow:hidden;display:block}
.ig #sb_instagram .sbi_photo img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.ig #sb_instagram .sbi_photo:hover img{transform:scale(1.05)}
@media(min-width:900px){.ig #sb_instagram #sbi_images{grid-template-columns:repeat(6,1fr);gap:10px}}

/* footer */
.site-footer{background:var(--brown);color:#E7DCCB;padding:64px 0 28px;font-size:15px}
.f-grid{display:grid;gap:36px}
@media(min-width:900px){.f-grid{grid-template-columns:1.4fr 1fr 1fr 1.2fr}}
.f-logo img{height:74px;width:auto;filter:brightness(0) invert(1);opacity:.92}
.site-footer p{color:#CDBFAA;margin-top:14px;max-width:300px}
.site-footer h4{font-family:var(--sans);font-weight:500;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#fff;margin-bottom:14px}
.site-footer ul{list-style:none;display:grid;gap:8px}
.site-footer a:hover{color:#fff}
.pay{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}
.pay span{border:1px solid #8C7A66;font-size:11px;letter-spacing:.08em;padding:5px 9px;text-transform:uppercase}
.f-bottom{margin-top:48px;padding-top:22px;border-top:1px solid #5C4C3B;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;font-size:13px;color:#B3A48F}

/* whatsapp + toast */
.wa-float{position:fixed;right:16px;bottom:16px;z-index:30;width:58px;height:58px;border-radius:50%;background:var(--wa);color:#fff;display:grid;place-items:center;box-shadow:0 8px 24px rgba(0,0,0,.18)}
.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);background:var(--ink);color:var(--crudo);padding:12px 20px;font-size:14px;opacity:0;transition:.3s;z-index:70;pointer-events:none;max-width:calc(100% - 32px)}
.toast.show{opacity:1;transform:translate(-50%,0)}
.toast a{text-decoration:underline;pointer-events:auto}

/* ===== tienda / colección ===== */
.shop-main{padding-bottom:72px}
.crumbs{font-size:13px;color:var(--muted);padding:18px 0 0}
.crumbs a:hover{color:var(--brown)}
.crumbs span{margin:0 8px;opacity:.6}
.coll-head{display:grid;background:var(--crudo);margin-top:16px}
.coll-head .txt{padding:28px 20px 32px}
.coll-head h1{font-size:clamp(44px,6vw,72px)}
.coll-head .txt p:last-child:not(.eyebrow){color:var(--muted);max-width:460px;margin-top:10px}
.coll-head .pic{aspect-ratio:16/9;overflow:hidden}
.coll-head .pic img{width:100%;height:100%;object-fit:cover;object-position:center 40%}
@media(min-width:900px){
  .coll-head{grid-template-columns:1fr 1fr;align-items:stretch;min-height:340px}
  .coll-head.no-pic{grid-template-columns:1fr;min-height:0}
  .coll-head .txt{padding:48px 56px;display:flex;flex-direction:column;justify-content:center}
  .coll-head .pic{aspect-ratio:auto;order:2}
}
.chips{display:flex;gap:8px;overflow-x:auto;padding:22px 0 4px;scrollbar-width:none}
.chips::-webkit-scrollbar{display:none}
.chip{flex:0 0 auto;border:1px solid var(--line);background:var(--white);padding:9px 16px;font-size:14px;border-radius:999px;white-space:nowrap}
.chip.on{background:var(--brown);border-color:var(--brown);color:var(--crudo)}
.chip small{opacity:.7;margin-left:4px}
.toolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:12px 0;margin:18px 0 28px}
.toolbar .count{font-size:14px;color:var(--muted)}
.tb-right{display:flex;gap:14px;align-items:center}
.tb-right .woocommerce-ordering{margin:0}
.pfilters{display:flex;gap:6px;flex-wrap:wrap}
.pf{font-size:13px;padding:7px 12px;border:1px solid var(--line);border-radius:999px;background:var(--paper);white-space:nowrap}
.pf.on{border-color:var(--caramel);color:var(--caramel);background:var(--white)}
@media(max-width:899px){
  .toolbar .pfilters{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;width:100%}
  .toolbar .pfilters::-webkit-scrollbar{display:none}
}
.woocommerce-ordering select,.orderby{font-size:14px;border:1px solid var(--line);background:var(--white);padding:8px 10px;color:var(--ink);border-radius:0}
.coll-cta{grid-column:1/-1;background:var(--brown);color:var(--crudo);display:grid;gap:14px;padding:28px 24px;align-items:center;list-style:none}
.coll-cta h3{color:var(--crudo);font-size:30px}
.coll-cta p{color:#D9CBB6}
@media(min-width:900px){.coll-cta{grid-template-columns:1fr auto;padding:36px 44px}}
.woocommerce nav.woocommerce-pagination{margin-top:48px}
.woocommerce nav.woocommerce-pagination ul{border:0;display:flex;justify-content:center;gap:6px}
.woocommerce nav.woocommerce-pagination ul li{border:0}
.woocommerce nav.woocommerce-pagination ul li a,.woocommerce nav.woocommerce-pagination ul li span{min-width:42px;padding:11px;border:1px solid var(--line);background:var(--white)}
.woocommerce nav.woocommerce-pagination ul li span.current{background:var(--brown);color:var(--crudo);border-color:var(--brown)}
.woocommerce-info,.woocommerce-message,.woocommerce-error,.woocommerce-noreviews,p.no-comments{border-top-color:var(--caramel)!important;background:var(--crudo)!important;color:var(--ink)!important}
.woocommerce-message::before,.woocommerce-info::before{color:var(--caramel)!important}

/* ===== ficha de producto ===== */
.single-product div.product{display:grid;gap:28px;padding:18px 0 0}
@media(min-width:900px){.single-product div.product{grid-template-columns:1.15fr 1fr;gap:28px 64px;padding-top:24px}}
.single-product div.product > *{grid-column:1/-1}
@media(min-width:900px){
  .single-product div.product > .woocommerce-product-gallery{grid-column:1}
  .single-product div.product > .summary{grid-column:2}
}
.single-product div.product .woocommerce-product-gallery{position:relative;margin:0;width:auto;float:none;opacity:1}
.single-product .woocommerce-product-gallery__wrapper{margin:0}
.single-product .woocommerce-product-gallery__image{background:var(--white)}
.single-product .woocommerce-product-gallery .flex-control-thumbs{list-style:none;display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-top:10px}
.single-product .woocommerce-product-gallery .flex-control-thumbs li{width:auto!important;float:none!important;margin:0!important}
.single-product .woocommerce-product-gallery .flex-control-thumbs img{opacity:.6;border:1px solid transparent;cursor:pointer;aspect-ratio:1/1;object-fit:cover;background:var(--white)}
.single-product .woocommerce-product-gallery .flex-control-thumbs img.flex-active,.single-product .woocommerce-product-gallery .flex-control-thumbs img:hover{opacity:1;border-color:var(--brown)}
.single-product .woocommerce-product-gallery__trigger{z-index:5}
.single-product div.product .summary{width:auto;float:none;margin:0}
.single-product div.product .product_title{font-size:clamp(38px,4.6vw,56px);margin:0;line-height:1.05}
.single-product div.product p.price,.single-product div.product span.price{color:var(--caramel)!important;font-size:24px!important;font-weight:400;margin:10px 0 18px}
.single-product div.product .woocommerce-product-details__short-description{color:var(--muted);margin-bottom:22px}
.single-product div.product form.cart{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 12px}
.single-product div.product form.cart .quantity{margin:0}
.single-product div.product form.cart .quantity .qty{width:72px;height:52px;border:1px solid var(--line);background:var(--white);text-align:center;font-size:16px}
.single-product div.product form.cart .single_add_to_cart_button{flex:1}
.single-product div.product form.variations_form{display:block}
.single-product div.product form.cart .variations{margin-bottom:12px;width:100%}
.single-product div.product form.cart .variations th,.single-product div.product form.cart .variations td{display:block;text-align:left;padding:0;line-height:1.4}
.single-product div.product form.cart .variations label{font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:400}
.single-product div.product form.cart .variations select{width:100%;border:1px solid var(--line);background:var(--white);padding:12px;margin:6px 0 4px;min-width:0}
.single-product div.product .woocommerce-variation-add-to-cart{display:flex;gap:10px;flex-wrap:wrap}
.single-product div.product .woocommerce-variation-price .price{font-size:20px!important;margin:6px 0 10px}
.reset_variations{font-size:13px;color:var(--muted)}
.logo-link{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:4px 8px;font-size:14px;color:var(--brown);padding:12px;border:1px dashed var(--sand);background:#FFF9EF;margin-bottom:18px;text-align:center}
.logo-link b{font-weight:400;text-decoration:underline;text-underline-offset:3px}
.ship{background:var(--crudo);padding:14px 16px;font-size:14px;margin-bottom:20px}
.ship b{font-weight:500}
.ship .bar{height:5px;background:var(--line);margin-top:10px;border-radius:3px;overflow:hidden}
.ship .bar i{display:block;height:100%;background:var(--caramel)}
.perks{list-style:none;display:grid;gap:10px;font-size:14px;color:var(--muted);margin-bottom:24px}
.perks li{display:flex;gap:10px;align-items:center}
.perks svg{width:20px;height:20px;stroke:var(--caramel);fill:none;stroke-width:1.5;flex:0 0 20px}
.crudo-accordion details{border-top:1px solid var(--line)}
.crudo-accordion details:last-of-type{border-bottom:1px solid var(--line)}
.crudo-accordion summary{list-style:none;cursor:pointer;padding:16px 0;display:flex;justify-content:space-between;font-size:15px;color:var(--brown)}
.crudo-accordion summary::-webkit-details-marker{display:none}
.crudo-accordion summary::after{content:"+";font-size:20px;line-height:1;color:var(--caramel)}
.crudo-accordion details[open] summary::after{content:"–"}
.crudo-accordion .body{padding:0 0 18px;color:var(--muted);font-size:15px}
.crudo-accordion .body p + p{margin-top:10px}
.crudo-accordion .body a{color:var(--caramel);text-decoration:underline}
.crudo-accordion table.shop_attributes{border:0;margin:0}
.crudo-accordion table.shop_attributes th,.crudo-accordion table.shop_attributes td{border:0;padding:4px 18px 4px 0;font-weight:400;font-style:normal;background:none!important}
.crudo-accordion table.shop_attributes th{color:var(--brown);width:auto}
.crudo-accordion table.shop_attributes td p{padding:0}
.mat-band{display:grid;background:var(--crudo);margin-top:56px}
.mat-band img{width:100%;aspect-ratio:16/9;object-fit:cover}
.mat-band .t{padding:32px 24px}
.mat-band h2{font-size:clamp(32px,4vw,46px);margin:4px 0 10px}
.mat-band p:not(.eyebrow){color:var(--muted);max-width:480px;margin-bottom:22px}
@media(min-width:900px){.mat-band{grid-template-columns:1fr 1fr;align-items:center;margin-top:80px}.mat-band img{aspect-ratio:auto;height:440px}.mat-band .t{padding:56px}}
.single-product .related,.single-product .upsells{padding:64px 0 0}
.single-product .related > h2,.single-product .upsells > h2{font-size:clamp(30px,4vw,44px);margin-bottom:28px}
.sticky-buy{position:fixed;left:0;right:0;bottom:0;z-index:25;background:var(--paper);border-top:1px solid var(--line);padding:10px var(--gut);display:flex;gap:12px;align-items:center}
.sticky-buy .nm{flex:1;min-width:0;font-size:14px;line-height:1.3}
.sticky-buy .nm b{display:block;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sticky-buy .nm span,.sticky-buy .nm .amount{color:var(--caramel)}
.sticky-buy .btn{padding:13px 18px;font-size:12px}
.has-sticky .wa-float{bottom:84px}
.has-sticky .site-footer{padding-bottom:90px}
@media(min-width:900px){.sticky-buy{display:none}.has-sticky .wa-float{bottom:16px}.has-sticky .site-footer{padding-bottom:28px}}

/* ===== botones de WooCommerce ===== */
html :is(.woocommerce,.woocommerce-page) :is(a.button,button.button,input.button,#respond input#submit,a.button.alt,button.button.alt,input.button.alt),
html body :is(.wc-block-components-button:not(.is-link),.wp-element-button.wc-block-components-button){
  background:var(--brown)!important;color:var(--crudo)!important;border:1px solid var(--brown)!important;border-radius:0;font-family:var(--sans);font-weight:400;font-size:14px;letter-spacing:.1em;text-transform:uppercase;padding:15px 26px;line-height:1.2;text-decoration:none
}
html :is(.woocommerce,.woocommerce-page) :is(a.button,button.button,input.button):hover,
html body .wc-block-components-button:not(.is-link):hover{background:var(--ink)!important}
html :is(.woocommerce,.woocommerce-page) :is(button.button,a.button).disabled,html :is(.woocommerce,.woocommerce-page) button.button:disabled{opacity:.5}

/* ===== páginas, carrito y pago ===== */
.page-main{padding:40px var(--gut) 80px}
.page-title{font-size:clamp(36px,5vw,56px);margin-bottom:28px}
.entry{max-width:760px}
.wc-page .entry{max-width:none}
.entry p,.entry ul,.entry ol{margin-bottom:16px}
.entry ul,.entry ol{padding-left:20px}
.entry h2{font-size:32px;margin:32px 0 12px}
.entry a{color:var(--caramel);text-decoration:underline}
.wc-block-components-product-name,.wc-block-cart-item__product a{color:var(--ink)!important;text-decoration:none!important}
.wc-block-components-totals-footer-item,.wc-block-components-product-price{color:var(--ink)}
.wp-block-woocommerce-cart,.wp-block-woocommerce-checkout{font-family:var(--sans)}
.wc-block-components-text-input input,.wc-block-components-combobox .wc-block-components-combobox-control input,.wc-blocks-components-select__select{border-radius:0!important}
.woocommerce-account .woocommerce-MyAccount-navigation ul{list-style:none;display:grid;gap:6px}
.woocommerce-account .woocommerce-MyAccount-navigation a{display:block;padding:10px 14px;background:var(--crudo)}
.woocommerce-account .woocommerce-MyAccount-navigation .is-active a{background:var(--brown);color:var(--crudo)}
.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,.woocommerce form .form-row select{border:1px solid var(--line);background:var(--white);padding:12px;border-radius:0}

/* ===== 404 ===== */
.notfound{min-height:50vh}
.notfound .lead{color:var(--muted);max-width:560px;margin-bottom:22px}
.nf-search{display:flex;gap:10px;max-width:560px}
.nf-search input{flex:1;min-width:0;border:1px solid var(--line);background:var(--white);padding:12px 14px}

.ig-admin-note{background:var(--white);border:1px dashed var(--caramel);padding:16px 20px;text-align:center;color:var(--muted)}
.ig-admin-note a{color:var(--caramel);text-decoration:underline}

/* Celular: botones de "Agregar al carrito" ~20% más pequeños (pedido de la tienda, 19/10/2026) */
@media(max-width:899px){
  .grid.products .card .add{padding:6px 8px;font-size:10px;letter-spacing:.08em;left:12px;right:12px;bottom:10px}
  html body.single-product div.product form.cart .single_add_to_cart_button{padding:10px 14px!important;font-size:12.5px!important;letter-spacing:.08em}
  .single-product div.product form.cart .quantity .qty{height:41px;width:62px}
  .sticky-buy .btn{padding:10px 14px;font-size:11px}
}

/* Botones dentro del contenido de páginas (p. ej. "Cotizar por WhatsApp" en Preguntas frecuentes) */
.entry a.btn{text-decoration:none;color:var(--crudo)}
.entry a.btn-wa{color:#fff}
.entry .crudo-accordion{margin-bottom:24px}
.entry .crudo-accordion .body p{margin-bottom:10px}
.faq-outro{color:var(--muted)}
