/*
Theme Name: Musecoko
Author: Musecoko
Description: Tema editorial de comercio electrónico para Musecoko.
Version: 1.0.0
Text Domain: musecoko
*/

:root{--ink:#241b17;--cocoa:#674b3b;--clay:#c99b98;--blush:#ead2cf;--cream:#f7f2ea;--paper:#fffdf9;--sage:#7d826b;--line:#ddd2c6;--serif:"Iowan Old Style","Baskerville","Times New Roman",serif;--sans:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}.container{width:min(1240px,calc(100% - 40px));margin:auto}.site-main{min-height:55vh}.eyebrow{font-size:.72rem;letter-spacing:.19em;text-transform:uppercase}.display{font:400 clamp(3.2rem,8vw,7.7rem)/.83 var(--serif);letter-spacing:-.045em}.btn,.button,button,input[type=submit],.wp-element-button{display:inline-flex!important;align-items:center;justify-content:center;min-height:48px;padding:0 24px!important;border:1px solid var(--ink)!important;border-radius:0!important;background:var(--ink)!important;color:#fff!important;font-weight:600!important;letter-spacing:.04em;transition:.2s}.btn:hover,.button:hover,button:hover,input[type=submit]:hover{background:var(--cocoa)!important;border-color:var(--cocoa)!important}.btn--light{background:var(--paper)!important;color:var(--ink)!important}.announcement{padding:8px 20px;background:var(--cocoa);color:#fff;text-align:center;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase}.site-header{position:sticky;z-index:50;top:0;background:rgba(255,253,249,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.header-inner{height:76px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px}.site-brand{font:600 1.45rem/1 var(--serif);letter-spacing:.22em;text-transform:uppercase}.main-nav ul{display:flex;gap:28px;margin:0;padding:0;list-style:none}.main-nav a,.header-actions a{font-size:.77rem;letter-spacing:.1em;text-transform:uppercase}.header-actions{display:flex;justify-content:flex-end;gap:18px}.menu-toggle{display:none!important;padding:0!important;min-height:auto!important;border:0!important;background:transparent!important;color:var(--ink)!important;font-size:1.5rem}.hero{min-height:720px;display:grid;grid-template-columns:1.08fr .92fr;background:var(--cream)}.hero-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:80px max(40px,8vw)}.hero-copy p{max-width:510px;margin:28px 0 34px;color:#5d514a}.hero-art{position:relative;overflow:hidden;background:linear-gradient(135deg,#b9957e,#6e4b3d 52%,#39291f)}.hero-art:before{content:"";position:absolute;width:70%;height:70%;left:15%;top:16%;border:1px solid rgba(255,255,255,.55);border-radius:49% 49% 44% 44%;transform:rotate(-8deg)}.hero-art:after{content:"MUSECOKO";position:absolute;right:-.35em;bottom:.05em;color:rgba(255,255,255,.15);font:400 clamp(5rem,13vw,13rem)/.8 var(--serif);writing-mode:vertical-rl;letter-spacing:.05em}.hero-card{position:absolute;left:10%;right:10%;bottom:8%;padding:24px;border:1px solid rgba(255,255,255,.4);background:rgba(255,255,255,.12);color:#fff;backdrop-filter:blur(12px)}.hero-card strong{display:block;font:400 2rem var(--serif)}.category-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);border-bottom:1px solid var(--line)}.category-card{min-height:420px;padding:60px;display:flex;flex-direction:column;justify-content:flex-end;background:var(--paper);position:relative;overflow:hidden}.category-card:before{content:"";position:absolute;inset:38px;background:radial-gradient(circle at 68% 38%,var(--tone,#d5b5a1),transparent 30%),linear-gradient(135deg,#f7f2ea,#e7d9cc)}.category-card:nth-child(2):before{background:radial-gradient(circle at 62% 35%,#81909a,transparent 21%),linear-gradient(135deg,#f7f2ea,#d9d8cf)}.category-card>*{position:relative}.category-card h2{max-width:500px;margin:8px 0 18px;font:400 clamp(2.5rem,5vw,5rem)/.92 var(--serif)}.category-card a{align-self:flex-start;border-bottom:1px solid}.section{padding:110px 0}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:45px}.section-heading h2{margin:0;font:400 clamp(2.6rem,5vw,5rem)/.95 var(--serif)}.section-heading a{border-bottom:1px solid;font-size:.8rem;text-transform:uppercase;letter-spacing:.1em}.story{background:var(--ink);color:#fff}.story-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:10vw;align-items:center}.story-visual{aspect-ratio:4/5;background:linear-gradient(145deg,#ad8068,#49352b);position:relative}.story-visual:after{content:"M";position:absolute;inset:0;display:grid;place-items:center;color:rgba(255,255,255,.32);font:400 18rem var(--serif)}.story h2{margin:12px 0 28px;font:400 clamp(3rem,6vw,6rem)/.9 var(--serif)}.story p{color:#d9cec7;max-width:580px}.values{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line)}.value{padding:44px;border-right:1px solid var(--line)}.value:last-child{border:0}.value b{display:block;margin-bottom:12px;font:400 1.6rem var(--serif)}.newsletter{padding:90px 20px;background:var(--cream);text-align:center}.newsletter h2{margin:8px 0;font:400 clamp(2.7rem,5vw,5rem) var(--serif)}.newsletter p{margin:0 auto 28px;max-width:560px}.site-footer{padding:70px 0 25px;background:#1d1714;color:#eee7e1}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:60px}.footer-brand{font:400 2.5rem var(--serif);letter-spacing:.15em}.footer-col h3{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase}.footer-col a{display:block;margin:8px 0;color:#cfc2ba}.footer-bottom{margin-top:60px;padding-top:20px;border-top:1px solid #443832;font-size:.75rem;color:#ad9f96}.woocommerce ul.products{display:grid!important;grid-template-columns:repeat(4,1fr);gap:28px;margin:0!important}.woocommerce ul.products:before,.woocommerce ul.products:after{display:none}.woocommerce ul.products li.product{width:auto!important;margin:0!important;float:none!important}.woocommerce ul.products li.product img{aspect-ratio:4/5;object-fit:cover;background:var(--cream);margin:0 0 16px!important}.woocommerce-loop-product__title{padding:0!important;font:400 1.25rem var(--serif)!important}.price{color:var(--cocoa)!important;font-weight:600!important}.woocommerce ul.products li.product .button{margin-top:12px!important;min-height:40px;font-size:.73rem}.shop-shell,.page-shell{padding:70px 0 110px}.woocommerce .quantity .qty,input,select,textarea{min-height:48px;padding:10px 14px;border:1px solid var(--line);background:#fff}.woocommerce-message,.woocommerce-info{border-top-color:var(--cocoa)!important;background:var(--cream)!important}.woocommerce-message:before,.woocommerce-info:before{color:var(--cocoa)!important}.product .summary h1,.entry-title{font:400 clamp(2.5rem,5vw,5rem)/.95 var(--serif)}.woocommerce div.product div.images img{background:var(--cream)}.wc-block-components-button{border-radius:0!important}.woocommerce-checkout .col2-set,.woocommerce-checkout-review-order{padding:24px;border:1px solid var(--line)}
@media(max-width:900px){.header-inner{grid-template-columns:auto 1fr auto}.menu-toggle{display:block!important}.main-nav{position:absolute;left:0;right:0;top:100%;display:none;background:var(--paper);border-bottom:1px solid var(--line);padding:24px}.main-nav.open{display:block}.main-nav ul{flex-direction:column}.site-brand{text-align:center}.header-actions .account{display:none}.hero{grid-template-columns:1fr;min-height:auto}.hero-copy{padding:75px 24px}.hero-art{min-height:460px}.category-grid,.story-grid{grid-template-columns:1fr}.category-card{min-height:360px;padding:36px}.values{grid-template-columns:1fr}.value{border-right:0;border-bottom:1px solid var(--line)}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.woocommerce ul.products{grid-template-columns:repeat(2,1fr)}.section{padding:75px 0}}
@media(max-width:520px){.container{width:min(100% - 28px,1240px)}.header-actions .search{display:none}.display{font-size:3.5rem}.hero-art{min-height:370px}.category-card{min-height:310px}.category-card:before{inset:20px}.section-heading{display:block}.section-heading a{display:inline-block;margin-top:16px}.woocommerce ul.products{gap:16px}.footer-grid{grid-template-columns:1fr}}
.whatsapp-float{position:fixed;z-index:70;right:22px;bottom:22px;display:flex;align-items:center;gap:9px;padding:13px 18px;border-radius:999px;background:#2f5d50;color:#fff;box-shadow:0 10px 30px rgba(36,27,23,.24);font-size:.78rem;font-weight:700;letter-spacing:.04em}.whatsapp-float:before{content:"●";font-size:1rem}.whatsapp-float:hover{background:#24483e}
.category-links{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.category-link{min-height:220px;padding:28px;display:flex;flex-direction:column;justify-content:space-between;border:1px solid var(--line);background:var(--cream);transition:.2s}.category-link:nth-child(2){background:var(--blush)}.category-link:nth-child(3){background:#e8ded4}.category-link:nth-child(4){background:#dcc8be}.category-link:hover{transform:translateY(-4px);box-shadow:0 12px 30px rgba(36,27,23,.08)}.category-link span{font-size:.7rem;letter-spacing:.15em;text-transform:uppercase}.category-link b{font:400 2rem/1 var(--serif)}
@media(max-width:900px){.category-links{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){
  body{font-size:15px;overflow-x:hidden}.container{width:calc(100% - 28px)}body.menu-open{overflow:hidden}
  .announcement{padding:7px 12px;font-size:.62rem;letter-spacing:.1em}.header-inner{height:64px;gap:10px}.site-brand{font-size:1.18rem;letter-spacing:.17em}.header-actions{gap:0}.header-actions a{font-size:.68rem}.menu-toggle{width:38px;justify-content:flex-start!important;font-size:1.45rem!important}
  .main-nav{position:fixed;top:93px;bottom:0;padding:34px 24px;overflow:auto}.main-nav ul{gap:0}.main-nav li{border-bottom:1px solid var(--line)}.main-nav a{display:block;padding:17px 4px;font:400 1.7rem/1 var(--serif);text-transform:none;letter-spacing:0}
  .hero-copy{min-height:500px;padding:62px 24px 56px}.hero-copy p{margin:24px 0 30px}.hero-art{min-height:330px}.hero-card{left:24px;right:24px;bottom:24px;padding:18px}.hero-card strong{font-size:1.55rem}
  .category-card{min-height:280px;padding:28px}.category-card:before{inset:14px}.category-card h2{font-size:2.45rem}.section{padding:62px 0}.section-heading{margin-bottom:28px}.section-heading h2{font-size:2.55rem}
  .category-links{grid-template-columns:1fr 1fr;gap:8px}.category-link{min-height:150px;padding:18px}.category-link b{font-size:1.45rem}.category-link span{font-size:.58rem}
  .woocommerce ul.products{grid-template-columns:1fr 1fr;gap:28px 12px}.woocommerce ul.products li.product img{margin-bottom:11px!important}.woocommerce-loop-product__title{font-size:1.05rem!important;line-height:1.15!important}.woocommerce ul.products li.product .button{width:100%;min-height:42px!important;padding:0 8px!important;font-size:.65rem!important;line-height:1.1!important}.price{font-size:.9rem!important}
  .shop-shell,.page-shell{padding:34px 0 72px}.woocommerce-products-header__title,.entry-title{font-size:2.8rem}.woocommerce .woocommerce-result-count{float:none;margin-bottom:12px}.woocommerce .woocommerce-ordering{float:none;margin-bottom:28px}.woocommerce .woocommerce-ordering select{width:100%}
  .single-product div.product{display:flex;flex-direction:column}.woocommerce div.product div.images,.woocommerce div.product div.summary{width:100%!important;float:none!important}.woocommerce div.product div.images{margin-bottom:25px!important}.woocommerce div.product .product_title{font-size:2.6rem}.woocommerce div.product p.price{font-size:1.25rem!important}.woocommerce div.product form.cart .variations select{width:100%;min-width:100%}.woocommerce div.product form.cart .button{width:calc(100% - 70px);min-height:52px}.woocommerce div.product form.cart div.quantity{width:62px}.woocommerce div.product form.cart div.quantity .qty{width:100%}
  .woocommerce-tabs ul.tabs{display:flex;overflow-x:auto;white-space:nowrap}.woocommerce div.product .woocommerce-tabs ul.tabs li{flex:0 0 auto;margin:0!important}.related.products>h2{font-size:2.2rem}
  .wc-block-cart,.wc-block-checkout{font-size:14px}.wc-block-cart__main,.wc-block-cart__sidebar,.wc-block-checkout__main,.wc-block-checkout__sidebar{width:100%!important}.wc-block-cart-item__image{width:72px!important}.wc-block-components-button{min-height:52px;width:100%}.wc-block-components-order-summary-item__image{width:64px!important}
  .values{font-size:.92rem}.value{padding:28px}.story-visual{aspect-ratio:4/3}.story-visual:after{font-size:10rem}.story h2{font-size:3rem}.newsletter{padding:65px 22px}.newsletter .btn{width:100%;max-width:320px}
  .footer-grid{gap:28px}.site-footer{padding-top:52px}.footer-brand{font-size:2rem}.footer-bottom{margin-top:36px}
  .whatsapp-float{right:14px;bottom:14px;width:54px;height:54px;padding:0!important;justify-content:center;border:2px solid rgba(255,255,255,.8);font-size:0}.whatsapp-float:before{content:"WA";font-size:.72rem;letter-spacing:.03em}
}

/* Identidad Musecoko: el logotipo conserva su carácter; la interfaz usa una sans limpia. */
body{font-family:"Avenir Next",Avenir,"Helvetica Neue",Arial,sans-serif}
.display,.category-card h2,.section-heading h2,.story h2,.newsletter h2,.woocommerce-loop-product__title,.product .summary h1,.entry-title,.value b,.category-link b,.hero-card strong,.main-nav a{font-family:"Avenir Next",Avenir,"Helvetica Neue",Arial,sans-serif;letter-spacing:-.035em;font-weight:600}
.site-brand{display:block;width:148px;height:54px;font-size:0;letter-spacing:0}.site-brand img{width:100%;height:100%;object-fit:contain}
.footer-brand{width:220px;font-size:0;letter-spacing:0}.footer-brand img{width:100%;height:auto}
@media(max-width:600px){.site-brand{width:128px;height:48px}.footer-brand{width:190px}}

/* Cabecera móvil: centro óptico real y menú fuera del contexto del backdrop. */
@media(max-width:900px){
  .site-header{backdrop-filter:none;-webkit-backdrop-filter:none}
  .header-inner{position:relative;display:flex;justify-content:space-between}
  .site-brand{position:absolute;z-index:2;left:50%;transform:translateX(-50%)}
  .menu-toggle{position:relative;z-index:3;flex:0 0 38px;width:38px;height:44px;margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;color:var(--ink)!important;-webkit-tap-highlight-color:transparent}
  .menu-toggle:hover,.menu-toggle:focus,.menu-toggle:active{border:0!important;background:transparent!important;box-shadow:none!important;color:var(--ink)!important}
  .header-actions{position:relative;z-index:3;margin-left:auto}
  .main-nav{position:fixed!important;z-index:90;top:var(--menu-top,93px)!important;right:0!important;bottom:0!important;left:0!important;width:100%;padding:26px 24px 40px!important;overflow-y:auto;background:var(--paper);border-top:1px solid var(--line);border-bottom:0}
  .main-nav.open{display:block}
  .main-nav ul{width:100%;max-width:540px;margin:0 auto}
  .main-nav a{display:block;padding:18px 4px;font-size:1.45rem;line-height:1.15}
}

/* Checkout clásico y controles táctiles. */
input[type=radio],input[type=checkbox]{min-height:0;width:auto}
.woocommerce-checkout .col2-set,.woocommerce-checkout-review-order{padding:0;border:0}
.woocommerce-checkout .col2-set{width:57%;float:left}.woocommerce-checkout #order_review_heading,.woocommerce-checkout #order_review{width:39%;float:right}
.woocommerce-checkout .form-row input.input-text,.woocommerce-checkout .form-row textarea,.woocommerce-checkout .form-row select{width:100%;border:1px solid var(--line);border-radius:0;background:#fff}
.woocommerce-checkout #payment{background:var(--cream);border-radius:0}.woocommerce-checkout #payment ul.payment_methods{padding:22px}.woocommerce-checkout #payment div.payment_box{background:#fff}.woocommerce-checkout #payment div.payment_box:before{border-bottom-color:#fff}
.musecoko-bank-details{margin:14px 0;padding:16px;border:1px solid var(--line);background:var(--paper)}.musecoko-bank-details dl{margin:10px 0}.musecoko-bank-details dl div{display:grid;grid-template-columns:130px 1fr;gap:12px;padding:5px 0;border-bottom:1px solid var(--line)}.musecoko-bank-details dt{font-size:.78rem;text-transform:uppercase;letter-spacing:.06em}.musecoko-bank-details dd{margin:0;font-weight:600;overflow-wrap:anywhere}
.musecoko-transfer-proof{margin:20px 0;padding:18px;border:1px solid var(--cocoa);background:#fff}.musecoko-transfer-proof input[type=file]{width:100%;padding:12px;margin:8px 0;border:1px dashed var(--line);background:var(--cream)}.musecoko-transfer-proof small{display:block;line-height:1.4;color:#695d56}.musecoko-proof-confirmation{margin:24px 0;padding:18px;border-left:4px solid #2f5d50;background:#edf4f1}
@media(max-width:780px){
  .woocommerce-checkout .col2-set,.woocommerce-checkout #order_review_heading,.woocommerce-checkout #order_review{width:100%;float:none}
  .woocommerce form.checkout .form-row-first,.woocommerce form.checkout .form-row-last{display:block;width:100%!important;float:none!important;clear:both}
  .woocommerce-checkout .entry-title{font-size:2.15rem!important;line-height:1.05;overflow-wrap:anywhere}
  .woocommerce-checkout h3{font-size:1.45rem;line-height:1.2}.woocommerce-checkout #order_review_heading{margin-top:34px}
  .woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info{padding:16px 18px 16px 46px;font-size:.92rem}
  .woocommerce-checkout #payment ul.payment_methods,.woocommerce-checkout #payment .place-order{padding:18px}
  .woocommerce-checkout #payment li.wc_payment_method>label{display:inline;line-height:1.35}
  .woocommerce-checkout #payment input[type=radio]{width:18px;height:18px;margin-right:8px;vertical-align:-3px}
  .woocommerce-checkout #place_order{width:100%;min-height:54px}
  .musecoko-bank-details dl div{grid-template-columns:1fr;gap:0}.musecoko-bank-details dt{margin-bottom:2px}
}

/* Portada editorial inspirada en las referencias: producto, escala y composición. */
.hero-editorial{display:grid;grid-template-columns:1.15fr .85fr;grid-template-rows:1fr 1fr;gap:1px;background:var(--paper)}
.hero-editorial:before,.hero-editorial:after{display:none}.hero-product{position:relative;overflow:hidden;background:#e9e1d7}.hero-product-1{grid-row:1/3}.hero-product img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.hero-product:hover img{transform:scale(1.025)}.hero-product span{position:absolute;right:14px;bottom:14px;left:14px;padding:9px 11px;background:rgba(255,253,249,.88);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;backdrop-filter:blur(8px)}.hero-editorial .hero-card{z-index:3;right:auto;bottom:28px;left:28px;width:min(350px,calc(100% - 56px));background:rgba(54,37,30,.84)}
@media(max-width:900px){.hero-editorial{grid-template-columns:1.1fr .9fr;grid-template-rows:210px 160px}.hero-product-1{grid-row:1/3}.hero-editorial .hero-card{right:18px;bottom:18px;left:18px;width:auto}.hero-product span{display:none}}

/* Ajustes visuales de portada solicitados. */
.hero-editorial{grid-template-rows:1fr 1fr auto}.hero-editorial .hero-card{position:relative;right:auto;bottom:auto;left:auto;grid-column:1/-1;width:auto;padding:22px 28px;background:#efe6dc;color:var(--ink);border:0;backdrop-filter:none}.hero-editorial .hero-card strong{font-size:1.6rem}
.category-card{isolation:isolate;min-height:520px;padding:0;background:#e8ded4}.category-card:before{display:none}.category-card-image{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover}.category-card:after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,transparent 32%,rgba(24,17,14,.82) 100%)}.category-card-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;width:100%;height:100%;padding:48px;color:#fff}.category-card-copy h2{margin:8px 0 18px}.category-card-copy a{border-bottom-color:currentColor}
.category-card--owala{background:linear-gradient(145deg,#d8c8bb,#f2ece4)}.category-card--owala:after{background:linear-gradient(180deg,transparent 42%,rgba(57,38,32,.76) 100%)}.owala-art{position:absolute;z-index:-1;top:42px;right:8%;width:48%;height:62%;filter:drop-shadow(0 24px 25px rgba(57,38,32,.18))}.owala-body{position:absolute;inset:18% 8% 0;display:grid;place-content:center;border-radius:24% 24% 18% 18% / 15% 15% 10% 10%;background:linear-gradient(135deg,#7e9b96,#325d59);color:rgba(255,255,255,.82);font:600 3.5rem/1 "Avenir Next",sans-serif;text-align:center}.owala-body small{font-size:.85rem;letter-spacing:.25em}.owala-cap{position:absolute;z-index:2;top:6%;left:24%;width:52%;height:19%;border-radius:24px 24px 12px 12px;background:#25201e;transform:rotate(-2deg)}.swatch{position:absolute;bottom:-14px;width:22px;height:22px;border:3px solid #fff;border-radius:50%}.swatch-1{right:64px;background:#325d59}.swatch-2{right:34px;background:#d29a93}.swatch-3{right:4px;background:#d4c68b}
.footer-brand img{background:transparent}
@media(max-width:900px){
  .hero-editorial{grid-template-rows:210px 160px auto}.hero-editorial .hero-card{right:auto;bottom:auto;left:auto;padding:20px 24px}.hero-editorial .hero-card strong{font-size:1.35rem}
  .category-card{min-height:390px}.category-card-copy{padding:30px}.owala-art{top:28px;right:6%;width:52%;height:60%}
}
