/*
Theme Name: Konin
Description: Tienda Konin para WordPress y WooCommerce.
Version: 1.0.1
Requires PHP: 7.4
Text Domain: konin
*/
:root{--ivory:#fbf8f3;--ink:#33241f;--clay:#815749;--muted:#725d53;--line:#e3d6cb;--rose:#eee1d7;--wine:#5e3e34;--serif:Georgia,'Times New Roman',serif;--sans:'Segoe UI',Arial,sans-serif}
  *{box-sizing:border-box}
  html{scroll-behavior:smooth}
  body{margin:0;background:var(--ivory);color:var(--ink);font:15px var(--sans)}
  a{color:inherit;text-decoration:none}
  button{background:none;border:0;padding:0;color:inherit;font:inherit;cursor:pointer}
  img{display:block;width:100%;height:100%;object-fit:cover}
  svg{height:21px;width:21px;flex:none;display:block}
  .top{display:grid;place-items:center;height:31px;background:var(--wine);color:#fff8ed;font-size:10px;font-weight:550;letter-spacing:.19em;text-transform:uppercase}
  .header{position:relative;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:82px;padding:0 5.4%;background:var(--ivory);z-index:2}
  .header-action{display:flex;align-items:center;gap:10px;font-size:13px;width:max-content}
  .header-action:last-of-type{justify-self:end}
  .wordmark{display:flex;align-items:center;gap:9px;font:32px/1 var(--serif);letter-spacing:.195em;padding-left:5px;font-weight:400}
  .mark{width:35px;height:39px;overflow:visible}
  .hero{position:relative;background:#e9dbcd;overflow:hidden}
  .track{display:flex;transition:transform .78s cubic-bezier(.22,.76,.22,1);will-change:transform;touch-action:pan-y}
  .slide{flex:0 0 100%;display:grid;grid-template-columns:36.5% 39.5% 24%;height:clamp(390px,32.4vw,540px);min-width:0}
  .intro{background:#efe0d5;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:0 9% 29px 15%;min-width:0}
  .slide:nth-child(2) .intro{background:#e7dbcf}
  .slide:nth-child(3) .intro{background:#eedfd6}
  .eyebrow{margin:0;color:#725248;font-size:10px;font-weight:650;letter-spacing:.255em;text-transform:uppercase}
  .intro h1,.intro h2{font:400 clamp(40px,5.05vw,82px)/.99 var(--serif);letter-spacing:-.075em;margin:16px 0 26px}
  .intro em{color:#795447;font-weight:400}
  .cta{display:inline-flex;gap:22px;align-items:center;padding:12px 0 8px;border-bottom:1px solid #9d7767;font-size:12px;font-weight:650}
  .cta svg{width:16px;height:14px}
  .hero-main,.hero-side{position:relative;min-width:0;min-height:0;overflow:hidden}
  .hero-main img,.hero-side img{object-position:50% 54%}
  .hero-side{border-left:3px solid var(--ivory)}
  .hero-side img{object-position:54% 50%}
  .controls{position:absolute;bottom:16px;left:5.45%;right:19px;display:flex;align-items:center;justify-content:space-between;pointer-events:none}
  .dots,.arrows{display:flex;align-items:center;gap:5px;pointer-events:auto}
  .dot{width:23px;height:28px;display:grid;place-items:center}
  .dot::after{content:'';width:5px;height:5px;border-radius:100%;background:#9e7f70;transition:width .3s,border-radius .3s,background .3s}
  .dot[aria-current=true]::after{width:18px;border-radius:4px;background:#69483d}
  .arrows{gap:7px}
  .arrow{width:39px;height:39px;display:grid;place-items:center;border-radius:50%;background:#fcf8ef;color:#4e3227;border:1px solid #f0e5d8}
  .arrow svg{width:16px;height:16px}
  .catalog{margin:auto;width:min(100% - 80px,920px);padding:46px 0 57px}
  .catalog h2,.social h2,.about h2{font:400 43px/1.04 var(--serif);letter-spacing:-.065em;margin:0}
  .catalog h2{text-align:center}
  .categories{display:flex;justify-content:center;gap:12px;margin:20px 0 23px}
  .categories button{border:1px solid transparent;padding:8px 15px;border-radius:30px;color:var(--muted);font-size:13px;white-space:nowrap}
  .categories [aria-pressed=true]{background:#6a473c;color:#fff9f1}
  .products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:13px;row-gap:26px}
  .product[hidden]{display:none}
  .product-photo{position:relative;aspect-ratio:1;background:#e9ddd2;overflow:hidden}
  .product-photo img{transition:transform .7s cubic-bezier(.22,.76,.22,1)}
  .product:hover img{transform:scale(1.035)}
  .product-meta{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding-top:10px;font-size:13px}
  .product-meta h3,.product-meta p{font:inherit;margin:0}
  .product-meta p{font-weight:650;white-space:nowrap}
  .sold{position:absolute;inset:0;background:rgba(255,255,255,.7);color:#181512;display:grid;place-items:center;font-size:14px;font-weight:650;letter-spacing:.06em}
  .social{display:flex;justify-content:center;gap:21px;align-items:center;text-align:left;background:#ede0d6;padding:34px 20px}
  .instagram{flex:none;width:53px;height:53px;border-radius:50%;border:1px solid #a48172;display:grid;place-items:center;color:#644437}
  .instagram svg{height:23px;width:23px}
  .social h2{font-size:33px}
  .social p{margin:6px 0 0;color:#6e5145;font-size:13px}
  .about{padding:33px 16px 30px;text-align:center}
  .about h2{font-size:29px}
  .about p{font-size:13px;margin:10px 0 0;color:#6c564c}
  .foot{height:36px;border-top:1px solid var(--line);display:grid;place-items:center;color:#74594d;font:13px var(--serif);letter-spacing:.23em}
  .whatsapp{position:fixed;z-index:3;right:22px;bottom:22px;display:grid;place-items:center;background:#6a473c;color:#fffaee;width:51px;height:51px;border-radius:50%;border:1px solid #f5e7da;box-shadow:0 5px 16px #3f211d26}
  .whatsapp svg{width:25px;height:25px}
  .panel{position:absolute;top:calc(100% - 1px);padding:15px;background:var(--ivory);box-shadow:0 7px 18px #573c3026;min-width:170px;font-size:14px}
  .panel a{display:block;padding:9px}
  #menu{left:4%} #contacto{right:4%}
  :focus-visible{outline:2px solid #976450;outline-offset:3px}
  @media(max-width:660px){
    .top{height:26px;font-size:9px;letter-spacing:.13em}
    .header{height:62px;padding:0 4.6%}
    .header-action{font-size:11px;gap:5px}
    .header-action svg{width:16px;height:16px}
    .wordmark{gap:6px;font-size:25px;letter-spacing:.13em}
    .mark{width:26px;height:29px}
    .slide{display:grid;grid-template-columns:1fr;height:auto;grid-template-rows:auto 258px}
    .intro{min-height:193px;padding:24px 20px 19px 23px}
    .intro h1,.intro h2{font-size:55px;margin:9px 0 5px;line-height:.92}
    .eyebrow{font-size:9px}
    .cta{font-size:11px;padding:8px 0 5px;gap:12px}
    .hero-side{display:none}
    .hero-main img{object-position:50% 49%}
    .controls{left:12px;right:12px;bottom:10px}
    .dots{background:#fcf8ee;padding:0 4px;border-radius:20px;gap:0}
    .dot{width:17px;height:22px}
    .dot[aria-current=true]::after{width:11px}
    .arrow{width:32px;height:32px}
    .arrow svg{width:14px;height:14px}
    .catalog{width:calc(100% - 28px);padding:29px 0 34px}
    .catalog h2{font-size:36px}
    .categories{gap:3px;margin:13px 0 15px}
    .categories button{font-size:11px;padding:6px 10px}
    .products{gap:18px 8px}
    .product-meta{padding-top:7px;font-size:11px;gap:4px}
    .sold{font-size:12px}
    .social{padding:24px 16px;gap:13px}
    .social h2{font-size:28px}
    .instagram{width:40px;height:40px}
    .instagram svg{width:19px;height:19px}
    .social p,.about p{font-size:11px}
    .about{padding:23px 12px}
    .about h2{font-size:26px}
    .foot{height:29px;font-size:11px}
    .whatsapp{right:12px;bottom:12px;width:42px;height:42px}
    .whatsapp svg{width:22px;height:22px}
  }
  @media(max-width:355px){.header-action:first-of-type{font-size:0}.intro h1,.intro h2{font-size:47px}.categories button{padding-left:6px;padding-right:6px}}
  @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.track,.dot::after,.product-photo img{transition:none}}
:root{--accent:#684438;--light:#f0e5db}
  .page{width:min(100% - 100px,1140px);margin:auto}
  .trail{display:flex;align-items:center;gap:8px;margin:26px 0 21px;color:var(--muted);font-size:12px}
  .trail svg{width:11px;height:11px;color:#9a7d70}
  .trail [aria-current]{color:var(--ink)}
  .product-view{display:grid;grid-template-columns:minmax(0,1.22fr) minmax(0,1fr);gap:clamp(35px,6.2vw,90px);align-items:start}
  .gallery{min-width:0}
  .gallery-frame{position:relative;aspect-ratio:1;background:#e6d5ca;overflow:hidden}
  .gallery-frame img{animation:appear .26s ease-out}
  @keyframes appear{from{opacity:.65}to{opacity:1}}
  .gallery-toggle{display:grid;place-items:center;width:39px;height:39px;border-radius:50%;background:var(--ivory);color:var(--ink);position:absolute;right:15px;bottom:15px;box-shadow:0 2px 7px #39251e21}
  .gallery-toggle svg{width:18px;height:18px}
  .thumbs{display:flex;gap:8px;margin-top:9px}
  .thumb{width:68px;aspect-ratio:1;border:1px solid transparent;padding:2px}
  .thumb[aria-pressed=true]{border-color:var(--accent)}
  .summary{padding-top:13px;min-width:0}
  .summary h1{font:400 clamp(48px,5vw,78px)/.99 var(--serif);letter-spacing:-.075em;margin:12px 0 10px}
  .price{font-size:24px;font-weight:500;margin:0}
  .description{color:var(--muted);font-size:14px;line-height:1.6;max-width:37ch;margin:16px 0 18px}
  .color{margin:0 0 23px;font-size:13px;display:flex;gap:8px;align-items:center;color:var(--muted)}
  .color b{color:var(--ink);font-weight:650}
  .swatch{width:15px;height:15px;border-radius:50%;background:#a38770;border:2px solid var(--ivory);outline:1px solid #c9b29f;margin-right:2px}
  .buy{display:flex;gap:9px}
  .quantity{height:48px;display:grid;grid-template-columns:29px 31px 29px;align-items:center;border:1px solid #dacec3;flex:none}
  .quantity button{height:100%;font-size:17px;color:var(--accent)}
  .quantity input{font:inherit;font-size:13px;text-align:center;width:100%;padding:0;border:0;background:transparent;color:var(--ink);appearance:textfield}
  .quantity input::-webkit-inner-spin-button,.quantity input::-webkit-outer-spin-button{appearance:none;margin:0}
  .buy-button{min-width:0;flex:1;display:flex;justify-content:center;align-items:center;gap:9px;color:#fffaf4;background:var(--accent);padding:0 10px;font-weight:600;font-size:14px}
  .buy-button svg{width:17px;height:17px}
  .stock{font-size:12px;color:var(--muted);margin:10px 0 0;display:flex;align-items:center;gap:6px}
  .stock::before{content:'';width:6px;height:6px;border-radius:50%;background:#758068}
  .shipping{display:flex;gap:9px;align-items:center;padding:12px 13px;background:var(--light);font-size:12px;color:#61483c;margin-top:22px}
  .shipping svg{height:17px;width:17px}
  .information{margin-top:20px;border-top:1px solid var(--line)}
  details{border-bottom:1px solid var(--line)}
  summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;list-style:none;font-size:13px;font-weight:600;padding:14px 1px}
  summary::-webkit-details-marker{display:none}
  summary svg{width:15px;height:15px;transition:transform .25s}
  details[open] summary svg{transform:rotate(180deg)}
  details p{color:var(--muted);font-size:13px;line-height:1.55;margin:0 0 14px}
  .continue{display:inline-flex;gap:6px;align-items:center;color:var(--clay);margin-top:20px;font-size:12px;border-bottom:1px solid #b49a8c;padding-bottom:4px}
  .continue svg{width:12px;height:12px}
  .product-footer{margin-top:45px}
  .product-footer .social{padding-top:25px;padding-bottom:25px}
  dialog{border:0;max-width:min(90vw,640px);padding:16px;background:var(--ivory);color:var(--ink)}
  dialog::backdrop{background:#2d1e18a0}
  dialog form{text-align:right;margin-bottom:12px}
  dialog form button{border-bottom:1px solid var(--clay);padding-bottom:4px}
  dialog img{width:auto;max-width:100%;height:auto;max-height:75vh}
  .cart-note{font-size:13px;margin:10px 0 0;color:var(--clay)}
  .cart-note:empty{display:none}
  @media(max-width:850px){.page{width:calc(100% - 50px)}.product-view{gap:33px}.summary{padding-top:4px}}
  @media(max-width:660px){
    .page{width:calc(100% - 30px)}
    .trail{font-size:11px;margin:14px 0 12px;gap:5px}
    .product-view{grid-template-columns:minmax(0,1fr);gap:17px}
    .gallery-frame{aspect-ratio:1.12}
    .gallery-toggle{width:33px;height:33px;right:10px;bottom:10px}
    .gallery-toggle svg{width:16px;height:16px}
    .thumb{width:51px}
    .thumbs{margin-top:7px;gap:6px}
    .summary{padding-top:0}
    .summary h1{font-size:49px;margin:7px 0 5px}
    .price{font-size:21px}
    .description{font-size:13px;margin:11px 0 13px}
    .color{margin:0 0 15px;font-size:12px}
    .quantity{height:45px;grid-template-columns:28px 26px 28px}
    .buy-button{font-size:13px}
    .stock{margin-top:8px;font-size:11px}
    .shipping{margin-top:16px}
    .information{margin-top:14px}
    .continue{margin-top:14px}
    .product-footer{margin-top:29px}
  }
  @media(prefers-reduced-motion:reduce){.gallery-frame img{animation:none}summary svg{transition:none}}
.konin-placeholder{display:grid;place-items:center;width:100%;height:100%;background:linear-gradient(140deg,#eadbd0,#f1e6de);color:#745a4e;font-size:12px;letter-spacing:.04em}
.hero-side .konin-placeholder{background:#dfcec2}
.header .panel[hidden],.product[hidden]{display:none!important}
.panel>a{line-height:1.35}
.categories{flex-wrap:wrap}
.header-wrapper .wordmark:focus-visible,.header-action:focus-visible,.categories button:focus-visible,.slide a:focus-visible{outline:2px solid #845d4f;outline-offset:3px}
.summary form.cart{display:flex;gap:9px;margin-bottom:8px;flex-wrap:wrap}
.summary form.cart .quantity{display:flex;align-items:center;min-width:89px;justify-content:center;float:none!important;margin:0!important}
.summary form.cart .quantity input{width:65px!important;appearance:auto;min-height:38px}
.summary form.cart .quantity input::-webkit-inner-spin-button{appearance:auto}
.summary form.cart .single_add_to_cart_button{border:0;border-radius:0;min-height:48px;flex:1;background:var(--accent);color:#fffaf4;padding:0 10px;font:600 14px var(--sans);text-align:center;cursor:pointer}
.summary form.cart .single_add_to_cart_button:hover{background:#53362f}
.summary form.variations_form{display:block}
.summary .woocommerce-variation-add-to-cart{display:flex;gap:9px}
.summary .woocommerce-product-details__short-description p{margin:0}
.konin-product-page{padding-bottom:42px}
.konin-page{min-height:58vh;padding:30px 0 52px}
.konin-page h1{font:400 clamp(42px,5vw,72px)/1.04 var(--serif);letter-spacing:-.06em}
.konin-page a:not(.button){text-decoration:underline;text-underline-offset:2px}
.konin-page form :where(input,select,textarea){color:var(--ink);font:inherit;padding:.5em;max-width:100%}
.summary .out-of-stock,.summary .available-on-backorder{color:var(--clay)}
.gallery .woocommerce-product-gallery{width:100%!important;float:none!important;margin:0!important}
.gallery .woocommerce-product-gallery img{display:block;width:100%;height:auto}
.konin-page img{height:auto}
.summary .stock.in-stock + .konin-availability{display:none}
.summary .woocommerce-product-details__short-description p + p{margin-top:.6em}
.konin-product-whatsapp:not(:empty){margin-top:16px}
.gallery .flex-control-thumbs{display:flex;align-items:start;gap:6px;list-style:none;margin:8px 0 0;padding:0}
.gallery .flex-control-thumbs li{max-width:68px;cursor:pointer}
.gallery .flex-control-thumbs img{height:auto;aspect-ratio:1;object-fit:cover}
@media(max-width:660px){.gallery .flex-control-thumbs li{max-width:51px}.summary form.cart .single_add_to_cart_button{min-height:45px;font-size:13px}}