/*
Theme Name: FFF Design
Author: Marta Parapar
Description: Tema propio de la tienda fffdesign.es. Madera, láser y turquesa. Pensado para WooCommerce y el plugin FFF Personalización.
Version: 0.3.1
Requires at least: 6.4
Requires PHP: 7.4
Text Domain: fff
*/

/* =====================================================================
   0. Tipografía y variables
   ===================================================================== */
@font-face{font-family:"Archivo";font-style:normal;font-weight:100 900;font-display:swap;src:url(assets/fonts/archivo-latin-wght-normal.woff2) format("woff2")}
@font-face{font-family:"Archivo";font-style:italic;font-weight:100 900;font-display:swap;src:url(assets/fonts/archivo-latin-wght-italic.woff2) format("woff2")}

:root{
	--bg:#F7F6F2; --ink:#161616; --ink2:#3D3B36; --grey:#57554F; --line:#E3E0D8; --soft:#F0EEE8;
	--teal:#2BBBAD; --teal-d:#0A6F68; --teal-dd:#08524D; --teal-ink:#08302C; --mint:#CFEFEA;
	--wood-a:#EBD0A2; --wood-b:#D6B07A; --wood-edge:#A97A45; --wood-ink:#4A2E18; --wood-ink2:#6B4A2C;
	--metal:#5E6A6B; --metal-l:#8C9A9B; --err:#B3261E;
	--wood:repeating-linear-gradient(176deg,rgba(140,90,40,.08) 0 2px,transparent 2px 9px),linear-gradient(135deg,var(--wood-a),var(--wood-b));
	--wood-on:repeating-linear-gradient(176deg,rgba(140,90,40,.1) 0 2px,transparent 2px 9px),linear-gradient(135deg,#D7B27C,#C49A62);
	--spring:cubic-bezier(.34,1.56,.64,1); --swing:cubic-bezier(.34,1.8,.45,1);
	--pad:clamp(16px,4vw,40px);
}

/* =====================================================================
   1. Base
   ===================================================================== */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font-family:"Archivo",system-ui,-apple-system,"Segoe UI",sans-serif;font-size:17px;line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:clip}
img{max-width:100%;height:auto}
a{color:var(--ink);text-underline-offset:4px}
a:hover{color:var(--teal-d)}
::selection{background:var(--teal);color:#fff}
:focus-visible{outline:3px solid var(--teal);outline-offset:3px}
input::placeholder,textarea::placeholder{color:#8A877F;opacity:1}
h1,h2,h3,h4{letter-spacing:-.03em;line-height:1.05;text-wrap:balance}
button,input,select,textarea{font:inherit;color:inherit}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.fff-skip{position:absolute;left:-9999px;top:8px;z-index:99;padding:10px 14px;border-radius:10px;background:var(--ink);color:#fff}
.fff-skip:focus{left:8px;color:#fff}
.fff-wrap{max-width:1320px;margin:0 auto;padding-left:var(--pad);padding-right:var(--pad)}
.fff-grow{flex:1}
.fff-teal{color:var(--teal-d)}
.fff-b{font-weight:700}
.fff-ico{flex-shrink:0;vertical-align:middle}
#contenido{min-height:50vh}

/* Títulos */
.fff-h1{margin:0;font-weight:800;font-size:clamp(46px,6.4vw,100px);line-height:.93;letter-spacing:-.045em}
.fff-h1 span{display:inline-block}
.fff-h2{margin:0;font-weight:800;font-size:clamp(34px,4.4vw,68px);line-height:.95;letter-spacing:-.045em}
.fff-lead{margin:0;font-size:clamp(18px,1.5vw,21px);color:var(--grey);max-width:36ch}
.fff-body{margin:0;font-size:18px;line-height:1.55;color:var(--ink2);max-width:46ch}
.fff-link{font-weight:700;font-size:17px;color:var(--teal-d);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:6px}
.fff-underline{background:linear-gradient(var(--teal),var(--teal)) no-repeat 0 92%/100% .07em;padding:0 .04em}

/* Texto hueco con trama: la «F» del logo */
.fff-hatch{font-weight:900;font-style:italic;letter-spacing:-.045em;line-height:.9;color:transparent;-webkit-text-stroke:3px var(--ink);background-image:repeating-linear-gradient(45deg,var(--ink) 0 3px,transparent 3px 11px);-webkit-background-clip:text;background-clip:text;padding:0 .08em .06em 0}

/* Madera */
.fff-wood{background-image:var(--wood);color:var(--wood-ink)}
.fff-hole{position:absolute;width:12px;height:12px;border-radius:50%;background:var(--bg);box-shadow:inset 0 2px 3px rgba(0,0,0,.42)}
.fff-nail{display:block;width:14px;height:14px;border-radius:50%;background:var(--metal-l);box-shadow:inset 0 -2px 3px rgba(0,0,0,.35),0 2px 0 rgba(255,255,255,.7)}
.fff-dots{background-color:#EDEBE5;background-image:radial-gradient(circle,#D6D1C6 2.2px,transparent 2.6px);background-size:30px 30px}

/* Botones */
.fff-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;height:56px;padding:0 24px;border:0;border-radius:14px;font-size:17px;font-weight:800;text-decoration:none;cursor:pointer;transition:transform 180ms var(--spring),box-shadow 180ms}
.fff-btn.fff-wood{box-shadow:0 6px 0 var(--wood-edge),0 18px 30px -14px rgba(60,40,10,.45);color:var(--wood-ink)}
.fff-btn.fff-wood:hover{transform:translateY(-2px) rotate(-1.5deg);color:var(--wood-ink)}
.fff-btn.fff-wood:active{transform:translateY(5px);box-shadow:0 1px 0 var(--wood-edge)}
.fff-btn-lg{height:58px;padding:0 26px 0 46px;font-size:18px}
.fff-btn-lg .fff-hole{left:17px;top:50%;margin-top:-6px}
.fff-btn-teal{background:var(--teal-d);color:#fff;box-shadow:0 6px 0 var(--teal-dd)}
.fff-btn-teal:hover{transform:translateY(-2px) rotate(-1deg);color:#fff}
.fff-btn-teal:active{transform:translateY(5px);box-shadow:0 1px 0 var(--teal-dd)}
.fff-btn-dark{background:var(--ink);color:#fff;height:52px}
.fff-btn-dark:hover{background:var(--teal-d);color:#fff}

/* =====================================================================
   2. Cabecera
   ===================================================================== */
.fff-topbar{background:var(--teal);color:var(--teal-ink);font-size:14px;font-weight:500}
.fff-topbar .fff-wrap{padding-top:8px;padding-bottom:8px;display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap;text-align:center}
.fff-coupon{display:inline-flex;gap:8px;align-items:center;padding:3px 10px;border-radius:8px;border:1.5px dashed var(--teal-ink);background:none;color:var(--teal-ink);font-weight:800;letter-spacing:.06em;cursor:pointer}
.fff-coupon span{font-weight:500;letter-spacing:0;color:var(--ink)}
.fff-coupon:hover{background:#fff}

.fff-header{position:sticky;top:0;z-index:30;background:rgba(247,246,242,.92);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.admin-bar .fff-header{top:32px}
.fff-header-in{height:76px;display:flex;align-items:center;gap:24px}
.fff-logo{display:flex;flex-shrink:0}
.fff-logo img{width:54px;height:54px;object-fit:contain;mix-blend-mode:multiply;transition:transform 600ms cubic-bezier(.34,1.7,.5,1)}
.fff-logo:hover img{transform:rotate(-12deg)}

.fff-menu,.fff-menu ul{list-style:none;margin:0;padding:0}
.fff-menu{display:flex;gap:4px}
.fff-menu li{position:relative}
.fff-menu a{display:block;padding:9px 13px;border-radius:10px;font-size:16px;font-weight:600;text-decoration:none;white-space:nowrap;transition:background 200ms,color 200ms,transform 300ms var(--spring)}
.fff-menu a:hover,.fff-menu .current-menu-item>a,.fff-menu .current-product_cat-ancestor>a{background:var(--mint);color:var(--teal-d)}
.fff-menu>li>a:hover{transform:rotate(-2deg)}
.fff-menu .menu-item-has-children>a::after{content:"";display:inline-block;width:7px;height:7px;margin:0 0 3px 8px;border-right:2.4px solid currentColor;border-bottom:2.4px solid currentColor;transform:rotate(45deg)}
.fff-menu .sub-menu{position:absolute;top:100%;left:0;z-index:5;min-width:240px;padding:8px;border-radius:16px;background:#fff;box-shadow:0 5px 0 var(--line),0 24px 40px -18px rgba(0,0,0,.35);opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity 160ms,transform 160ms,visibility 160ms}
.fff-menu li:hover>.sub-menu,.fff-menu li:focus-within>.sub-menu{opacity:1;visibility:visible;transform:none}

.fff-burger{display:none;padding:9px 13px;border-radius:10px;border:2px solid var(--ink);background:none;font-weight:700;cursor:pointer}
.fff-cart{position:relative;display:flex;align-items:center;gap:8px;height:46px;padding:0 16px 0 30px;border-radius:12px;box-shadow:0 4px 0 var(--wood-edge);font-weight:800;text-decoration:none;flex-shrink:0;transition:transform 180ms var(--spring)}
.fff-cart:hover{color:var(--wood-ink);transform:translateY(-1px) rotate(-2deg)}
.fff-cart .fff-hole{left:11px;top:50%;width:9px;height:9px;margin-top:-4.5px}
.fff-cart-n{font-variant-numeric:tabular-nums}

@media (max-width:999px){
	.fff-burger{display:block}
	.fff-nav{display:none;position:absolute;left:0;right:0;top:100%;padding:12px var(--pad) 24px;background:var(--bg);border-bottom:1px solid var(--line);max-height:calc(100vh - 90px);overflow:auto}
	.fff-header.is-open .fff-nav{display:block}
	.fff-menu,.fff-menu .sub-menu{display:flex;flex-wrap:wrap;gap:12px 10px}
	.fff-menu .sub-menu{position:static;opacity:1;visibility:visible;transform:none;min-width:0;padding:0;background:none;box-shadow:none;flex-basis:100%;margin-top:12px}
	.fff-menu>li.menu-item-has-children{flex-basis:100%}
	.fff-menu a{padding:12px 18px;border-radius:12px;background-image:var(--wood);box-shadow:0 4px 0 var(--wood-edge);color:var(--wood-ink);font-size:18px;font-weight:800;display:inline-block}
	.fff-menu a:hover{background-color:transparent;color:var(--wood-ink)}
	.fff-menu .menu-item-has-children>a::after{display:none}
	.fff-header-in{gap:12px}
}
@media (max-width:782px){.admin-bar .fff-header{top:46px}}
@media (max-width:600px){.admin-bar .fff-header{top:0}}

/* =====================================================================
   3. Portada
   ===================================================================== */
.fff-hero{position:relative;padding-top:clamp(28px,4vw,56px);padding-bottom:clamp(56px,7vw,96px);display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,440px),1fr));gap:clamp(28px,4vw,64px);align-items:center}
.fff-hero-txt{display:flex;flex-direction:column;gap:28px;position:relative;z-index:2}
.fff-hero-cta{display:flex;gap:24px;align-items:center;flex-wrap:wrap}
.fff-h1 span{animation:fff-word 900ms var(--spring) backwards}
.fff-h1 span:nth-child(2){animation-delay:70ms}.fff-h1 span:nth-child(3){animation-delay:140ms}.fff-h1 span:nth-child(4){animation-delay:210ms}.fff-h1 span:nth-child(5){animation-delay:280ms}.fff-h1 span:nth-child(6){animation-delay:350ms}.fff-h1 span:nth-child(n+7){animation-delay:420ms}
@keyframes fff-word{from{opacity:0;transform:translateY(55%) rotate(-6deg)}}

.fff-hero-panel{position:relative;z-index:1;border-radius:32px;background:var(--teal);padding:70px 8% 34px;overflow:hidden}
.fff-hero-panel>.fff-nail{position:absolute;left:50%;top:22px;margin-left:-7px;z-index:2}
.fff-swing{position:relative;transform-origin:50% -41px;will-change:transform}
.fff-string{position:absolute;left:50%;top:-41px;width:2px;height:70px;margin-left:-1px;background:var(--metal)}
.fff-tag{position:relative;aspect-ratio:4/3;border-radius:28px;box-shadow:0 10px 0 var(--wood-edge),0 34px 44px -22px rgba(8,48,44,.6);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6%;padding:9% 6% 6%}
.fff-tag .fff-hole{top:16px;left:50%;width:22px;height:22px;margin-left:-11px;background:var(--teal);box-shadow:inset 0 3px 4px rgba(0,0,0,.4)}
.fff-tag img{width:46%;height:auto;mix-blend-mode:multiply;opacity:.86;filter:contrast(1.1)}
.fff-tag-txt{font-weight:700;font-size:clamp(13px,1.5vw,21px);letter-spacing:.14em;color:#3A2210;opacity:.85;text-align:center}

.fff-token{position:absolute;z-index:3;text-decoration:none;display:none}
.fff-token>span{position:relative;display:flex;align-items:center;padding:13px 20px 13px 32px;border-radius:14px;box-shadow:0 6px 0 var(--wood-edge),0 18px 26px -12px rgba(60,40,10,.45);font-weight:800;font-size:18px;animation:fff-float 3s ease-in-out infinite alternate}
.fff-token .fff-hole{left:12px;top:50%;width:10px;height:10px;margin-top:-5px}
.fff-token-a{right:3%;bottom:1%;transform:rotate(-12deg)}
.fff-token-b{left:27%;bottom:3%;transform:rotate(7deg)}
.fff-token-b>span{animation-duration:3.6s;animation-direction:alternate-reverse}
.fff-token-c{left:40%;top:3%;transform:rotate(-8deg)}
.fff-token-c>span{animation-duration:4.1s}
.fff-token:hover>span{color:var(--wood-ink);animation-play-state:paused}
@keyframes fff-float{to{transform:translateY(-9px) rotate(3deg)}}
@media (min-width:1000px){.fff-token{display:block}}

.fff-sec{padding-top:clamp(56px,8vw,110px)}
.fff-sec-last{padding-bottom:clamp(56px,8vw,110px)}
.fff-sec-pad{margin-top:clamp(64px,8vw,110px);padding:clamp(56px,7vw,96px) 0}
.fff-sec-head{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:16px;margin-bottom:36px}

/* Categorías colgadas de una barra */
.fff-rail{position:relative;padding-top:24px;margin-top:8px}
.fff-rail-bar{position:absolute;left:-5%;right:-5%;top:24px;height:3px;border-radius:3px;background:var(--metal)}
.fff-hang-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:24px}
.fff-hang{display:flex;flex-direction:column;align-items:center;text-decoration:none;transform-origin:50% 0;transition:transform 900ms cubic-bezier(.34,1.9,.45,1)}
.fff-hang:hover{transform:rotate(-5deg)}
.fff-hang-string{width:2px;height:44px;background:var(--metal)}
.fff-hang-card{position:relative;width:100%;display:flex;flex-direction:column;gap:14px;padding:30px 14px 18px;border-radius:20px;box-shadow:0 7px 0 var(--wood-edge),0 22px 30px -16px rgba(60,40,10,.45)}
.fff-hang-card .fff-hole{top:10px;left:50%;margin-left:-6px}
.fff-thumb{position:relative;display:block;aspect-ratio:1;border-radius:12px;overflow:hidden;background:#EDE3D3;box-shadow:inset 0 0 0 3px rgba(90,58,30,.35)}
.fff-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.fff-thumb::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 3px rgba(90,58,30,.35);pointer-events:none}
.fff-hang-txt{display:flex;flex-direction:column;gap:2px;padding:0 4px}
.fff-hang-name{font-weight:800;font-size:23px;color:var(--wood-ink);letter-spacing:-.03em;line-height:1.1}
.fff-hang-blurb{font-size:15px;color:var(--wood-ink2)}

/* Pasos */
.fff-steps{list-style:none;margin:40px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:36px 24px}
.fff-steps li{display:flex;flex-direction:column;gap:12px}
.fff-step-n{font-size:120px;line-height:.85;-webkit-text-stroke-width:2.5px;align-self:flex-start}
.fff-steps h3{margin:0;font-weight:800;font-size:26px}
.fff-steps p{margin:0;font-size:17px;color:var(--grey);max-width:30ch}

/* A medida + presupuesto */
.fff-medida{scroll-margin-top:90px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,400px),1fr));gap:clamp(32px,5vw,64px);align-items:center}
.fff-medida-txt{display:flex;flex-direction:column;gap:24px;align-items:flex-start}
.fff-pills{display:flex;flex-wrap:wrap;gap:10px}
.fff-pills span{padding:9px 14px;border-radius:10px;background:var(--mint);color:var(--teal-dd);font-weight:600;font-size:15px}
.fff-quote{position:relative;display:flex;flex-direction:column;gap:14px;padding:44px 24px 24px;border-radius:26px;box-shadow:0 9px 0 var(--wood-edge),0 30px 40px -22px rgba(60,40,10,.45);transform:rotate(1.2deg);transition:transform 700ms var(--swing)}
.fff-quote:hover,.fff-quote:focus-within{transform:none}
.fff-quote>.fff-hole{top:16px;right:22px;width:16px;height:16px}
.fff-quote h3{margin:0;font-weight:800;font-size:28px}
.fff-quote label{display:flex;flex-direction:column;gap:6px;font-weight:800;font-size:15px}
.fff-quote label i{font-style:normal;color:var(--teal-dd)}
.fff-quote input[type=text],.fff-quote input[type=email],.fff-quote input[type=tel],.fff-quote textarea{width:100%;min-width:0;height:48px;padding:0 14px;border-radius:12px;border:2px solid var(--wood-ink);background:rgba(255,255,255,.7);font-size:16px;font-weight:600;color:var(--ink)}
.fff-quote textarea{height:auto;padding:12px 14px;resize:vertical}
.fff-quote-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:14px}
.fff-drop{flex-direction:row!important;align-items:center;gap:14px!important;padding:14px 16px;border:2.5px dashed rgba(74,46,24,.55);border-radius:16px;cursor:pointer;transition:background 200ms}
.fff-drop:hover,.fff-drop.is-over{background:rgba(255,255,255,.35)}
.fff-drop span{display:flex;flex-direction:column;gap:2px;min-width:0}
.fff-drop b{color:var(--wood-ink)!important;font-size:17px;overflow-wrap:anywhere}
.fff-drop small{font-weight:500;font-size:14px;line-height:1.35}
.fff-drop input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.fff-drop:focus-within{outline:3px solid var(--teal);outline-offset:3px}
.fff-hp{position:absolute!important;left:-9999px}
.fff-quote-legal{font-size:13px;line-height:1.4}
.fff-note{margin:0;padding:10px 14px;border-radius:12px;font-size:15px;font-weight:700}
.fff-note-ok{background:var(--mint);color:var(--teal-dd)}
.fff-note-err{background:#FFE3E0;color:#7A1A14}

/* Opiniones */
.fff-reviews{columns:3 280px;column-gap:22px}
.fff-review{margin:0 0 22px;break-inside:avoid;display:flex;flex-direction:column;gap:14px;padding:24px;border-radius:20px;background:#fff;box-shadow:0 5px 0 var(--line);transition:transform 700ms var(--swing)}
.fff-review:hover{transform:rotate(-1.2deg) translateY(-3px)}
.fff-review blockquote{margin:0;font-weight:600;font-size:21px;line-height:1.3;letter-spacing:-.015em;text-wrap:pretty}
.fff-review figcaption{font-size:15px;color:var(--grey)}
.fff-stars{display:flex;gap:3px;color:var(--teal)}

/* =====================================================================
   4. Tarjeta y rejilla de productos
   ===================================================================== */
.woocommerce ul.products,.woocommerce-page ul.products{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:28px 22px;margin:0;padding:0;list-style:none}
.woocommerce ul.products::before,.woocommerce ul.products::after{display:none!important}
.woocommerce ul.products li.product,.woocommerce-page ul.products li.product{float:none;width:auto;margin:0;padding:0}
.woocommerce ul.products li.fff-card{position:relative;border-radius:16px;box-shadow:0 6px 0 var(--wood-edge),0 20px 28px -16px rgba(60,40,10,.45);transform-origin:50% 0;transition:transform 700ms var(--swing)}
.woocommerce ul.products li.fff-card:hover{transform:rotate(-2.4deg) translateY(-3px)}
.fff-card-link{display:flex;flex-direction:column;gap:12px;height:100%;padding:30px 14px 16px;text-decoration:none;color:var(--wood-ink)}
.fff-card-link:hover{color:var(--wood-ink)}
.fff-pin{position:absolute;top:11px;width:10px;height:10px;border-radius:50%;background:var(--metal);box-shadow:0 2px 0 rgba(255,255,255,.5)}
.fff-pin-l{left:16px}.fff-pin-r{right:16px}
.fff-card .fff-thumb{border-radius:10px}
.woocommerce ul.products li.product .fff-thumb img{margin:0;width:100%;height:100%;object-fit:cover}
.fff-card-name{font-weight:700;font-size:17px;line-height:1.2;text-wrap:pretty;padding:0 2px}
.fff-card-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:0 2px;margin-top:auto}
.fff-card-price,.fff-card-price .amount{font-size:16px;font-weight:800;color:var(--wood-ink);font-variant-numeric:tabular-nums}
.fff-card-price del{opacity:.6;font-weight:600}
.fff-card-price ins{text-decoration:none}
.fff-card-go{width:40px;height:40px;flex-shrink:0;border-radius:10px;display:grid;place-items:center;background:var(--teal-d);color:#fff;box-shadow:0 4px 0 var(--teal-dd);transition:transform 140ms}
.fff-card:hover .fff-card-go{transform:rotate(-8deg) scale(1.06)}
.fff-sale{position:absolute;left:8px;top:8px;padding:4px 9px;border-radius:8px;background:var(--ink);color:#fff;font-size:13px;font-weight:800}

/* =====================================================================
   5. Tienda y categorías
   ===================================================================== */
.fff-crumbs{display:flex;gap:8px;flex-wrap:wrap;font-size:15px;color:var(--grey);margin:0}
.fff-crumbs a{color:var(--grey)}
.fff-shop-head{padding-top:clamp(24px,3vw,40px);padding-bottom:clamp(40px,5vw,64px);display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:clamp(24px,4vw,56px);align-items:center}
.fff-shop-head-txt{display:flex;flex-direction:column;gap:20px;align-items:flex-start;min-width:0}
.fff-shop-title{margin:0;font-size:clamp(56px,9vw,150px);line-height:.85;max-width:100%;overflow-wrap:anywhere;animation:fff-slide 800ms cubic-bezier(.34,1.4,.64,1) backwards}
@keyframes fff-slide{from{opacity:0;transform:translateX(-24px) skewX(8deg)}}
.fff-tabs{display:flex;flex-wrap:wrap;gap:12px 10px;margin-top:6px}
.fff-tab{padding:11px 16px;border-radius:12px;box-shadow:0 5px 0 var(--wood-edge);font-weight:800;font-size:16px;text-decoration:none;transition:transform 140ms,box-shadow 140ms}
.fff-tab:hover{transform:translateY(-2px) rotate(-1.5deg);color:var(--wood-ink)}
.fff-tab.is-on{background-image:var(--wood-on);box-shadow:inset 0 3px 6px rgba(74,46,24,.35),0 1px 0 var(--wood-edge);transform:translateY(4px);color:#3A2210}
.fff-shop-art{border-radius:32px;background:var(--teal);padding:clamp(14px,2.4vw,28px)}
.fff-shop-art-in{aspect-ratio:4/3;border-radius:22px;overflow:hidden;box-shadow:0 8px 0 var(--wood-edge);display:grid;place-items:center;transform:rotate(-1.5deg)}
.fff-shop-art-in img{width:100%;height:100%;object-fit:cover;display:block}
.fff-shop-art-in.is-logo img{width:44%;height:auto;object-fit:contain;mix-blend-mode:multiply;opacity:.86}
.fff-shop-list{padding:clamp(40px,5vw,64px) 0 clamp(64px,8vw,110px)}
.woocommerce .woocommerce-ordering{float:none;margin:0 0 28px;display:flex;justify-content:flex-end}
.woocommerce .woocommerce-ordering select,.fff-select{appearance:none;-webkit-appearance:none;height:46px;padding:0 40px 0 14px;border-radius:12px;border:0;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23161616' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 9l7 7 7-7'/%3E%3C/svg%3E") no-repeat right 14px center;font-weight:700;font-size:15px;cursor:pointer}
.woocommerce nav.woocommerce-pagination{margin-top:40px;text-align:center}
.woocommerce nav.woocommerce-pagination ul{display:inline-flex;flex-wrap:wrap;gap:8px;border:0;margin:0}
.woocommerce nav.woocommerce-pagination ul li{border:0;float:none}
.woocommerce nav.woocommerce-pagination ul li a,.woocommerce nav.woocommerce-pagination ul li span{min-width:44px;padding:12px 14px;border-radius:10px;background:#fff;color:var(--ink);font-weight:700}
.woocommerce nav.woocommerce-pagination ul li span.current,.woocommerce nav.woocommerce-pagination ul li a:hover{background:var(--ink);color:#fff}
.woocommerce-no-products-found{max-width:60ch}

/* =====================================================================
   6. Ficha de producto
   ===================================================================== */
.fff-product-wrap{padding-top:clamp(24px,3vw,40px)}
.fff-product-wrap>.fff-crumbs{margin-bottom:24px}
.woocommerce div.product{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,440px),1fr));gap:clamp(28px,4vw,56px);align-items:start;position:relative}
.woocommerce div.product::before,.woocommerce div.product::after{display:none}
.woocommerce div.product div.images,.woocommerce div.product div.summary,.woocommerce-page div.product div.images,.woocommerce-page div.product div.summary{float:none;width:auto;margin:0;min-width:0}
.woocommerce div.product div.images{padding:18px;border-radius:26px;background-image:var(--wood);box-shadow:0 9px 0 var(--wood-edge),0 30px 44px -24px rgba(60,40,10,.5)}
@media (min-width:1000px){.woocommerce div.product div.images.woocommerce-product-gallery{position:sticky;top:96px}.admin-bar.woocommerce div.product div.images.woocommerce-product-gallery{top:128px}}
.woocommerce div.product div.images .flex-viewport,.woocommerce div.product div.images .woocommerce-product-gallery__wrapper{border-radius:14px;overflow:hidden;background:#EDE3D3}
.woocommerce div.product div.images .flex-viewport .woocommerce-product-gallery__wrapper{border-radius:0}
.woocommerce div.product div.images img{display:block;width:100%;height:auto}
.woocommerce div.product div.images .flex-control-thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:10px;margin:14px 0 0;padding:0}
.woocommerce div.product div.images .flex-control-thumbs li{float:none;width:auto;margin:0;list-style:none}
.woocommerce div.product div.images .flex-control-thumbs li img{border-radius:8px;opacity:.6;cursor:pointer}
.woocommerce div.product div.images .flex-control-thumbs li img.flex-active,.woocommerce div.product div.images .flex-control-thumbs li img:hover{opacity:1;box-shadow:0 0 0 3px var(--wood-ink)}
.woocommerce div.product div.images .woocommerce-product-gallery__trigger{top:30px;right:30px}
.woocommerce span.onsale{position:absolute;left:30px;top:30px;z-index:3;min-height:0;min-width:0;line-height:1;padding:7px 11px;border-radius:9px;background:var(--ink);color:#fff;font-weight:800;font-size:14px}

.woocommerce div.product div.summary{display:flex;flex-direction:column;gap:24px;padding-bottom:40px}
.woocommerce div.product div.summary>*{margin:0}
.woocommerce div.product .product_title{font-weight:800;font-size:clamp(36px,4.4vw,68px);line-height:.95;letter-spacing:-.045em}
.woocommerce div.product p.price,.woocommerce div.product span.price{align-self:flex-start;padding:6px 14px;border-radius:12px;background:var(--mint);color:var(--teal-dd);font-size:28px;font-weight:800;font-variant-numeric:tabular-nums;line-height:1.25}
.woocommerce div.product p.price del{opacity:.55;font-size:.7em}
.woocommerce div.product p.price ins{text-decoration:none}
.woocommerce div.product .woocommerce-product-details__short-description{font-size:18px;line-height:1.55;color:var(--ink2);max-width:48ch}
.woocommerce div.product .woocommerce-product-details__short-description p{margin:0 0 .6em}
.woocommerce div.product .woocommerce-product-details__short-description p:last-child{margin:0}
.woocommerce div.product .woocommerce-product-rating{display:flex;align-items:center;gap:8px;font-size:15px}
.woocommerce .star-rating span::before,.woocommerce p.stars a{color:var(--teal)}

/* Formulario de compra */
.woocommerce div.product form.cart{display:flex;flex-wrap:wrap;gap:22px 14px;align-items:center;padding:22px;border-radius:22px;background:#fff;box-shadow:0 5px 0 var(--line)}
.woocommerce div.product form.cart::before,.woocommerce div.product form.cart::after{display:none}
.woocommerce div.product.fff-has-options form.cart::before{content:"Personalízalo";display:block;flex-basis:100%;font-weight:800;font-size:21px;letter-spacing:-.025em}
.woocommerce div.product form.cart .single_variation_wrap{flex-basis:100%}
.woocommerce div.product form.cart .woocommerce-variation-add-to-cart{display:flex;flex-wrap:wrap;gap:22px 14px;align-items:center}
.woocommerce div.product form.cart .woocommerce-variation{margin-bottom:14px}
.woocommerce div.product form.cart .woocommerce-variation:empty,.woocommerce div.product form.cart .woocommerce-variation[style*="none"]{margin:0}
.woocommerce div.product form.cart .woocommerce-variation-description p{margin:0 0 8px;font-size:15px;color:var(--grey)}

/* Desplegables de variaciones */
.woocommerce div.product form.cart table.variations{flex-basis:100%;width:100%;margin:0;border:0;display:block}
.woocommerce div.product form.cart table.variations tbody{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr));gap:18px 14px}
.woocommerce div.product form.cart table.variations tr{display:flex;flex-direction:column;gap:8px;min-width:0}
.woocommerce div.product form.cart table.variations th,.woocommerce div.product form.cart table.variations td{display:block;padding:0;text-align:left;line-height:1.3}
.woocommerce div.product form.cart table.variations label{font-weight:800;font-size:16px}
.woocommerce div.product form.cart .reset_variations{display:inline-block;margin-top:6px;font-size:14px;color:var(--grey)}

.fff-field-input,
.woocommerce div.product form.cart table.variations select,
.woocommerce div.product form.cart .fffp-field input[type=text],
.woocommerce div.product form.cart .fffp-field input[type=date],
.woocommerce div.product form.cart .fffp-field select,
.woocommerce div.product form.cart .fffp-field textarea{width:100%;max-width:none;min-width:0;height:54px;margin:0;padding:0 14px;border-radius:12px;border:2px solid var(--ink);background-color:var(--bg);font-size:17px;font-weight:700;color:var(--ink)}
.woocommerce div.product form.cart .fffp-field textarea{height:auto;padding:12px 14px;resize:vertical}
.woocommerce div.product form.cart table.variations select,
.woocommerce div.product form.cart .fffp-field select{appearance:none;-webkit-appearance:none;padding-right:40px;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23161616' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 9l7 7 7-7'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}

/* Campos del plugin FFF Personalización */
.woocommerce div.product form.cart .fffp-fields{flex-basis:100%;width:100%;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr));gap:18px 14px}
.woocommerce div.product form.cart p.fffp-field{margin:0;display:flex;flex-direction:column;gap:8px;min-width:0}
.woocommerce div.product form.cart p.fffp-text,.woocommerce div.product form.cart p.fffp-textarea,.woocommerce div.product form.cart p.fffp-radio,.woocommerce div.product form.cart p.fffp-checks,.woocommerce div.product form.cart p.fffp-file{grid-column:1/-1}
.woocommerce div.product form.cart p.fffp-field>label{display:block;margin:0;font-weight:800;font-size:16px;line-height:1.3}
.woocommerce div.product form.cart .fffp-req-mark{color:var(--teal-d);font-weight:800}
.woocommerce div.product form.cart p.fffp-field small{display:block;margin:0;opacity:1;font-size:14px;line-height:1.4;color:var(--grey)}
.woocommerce div.product form.cart .fffp-radios{display:flex;flex-wrap:wrap;gap:12px 10px;padding-bottom:4px}
.woocommerce div.product form.cart label.fffp-radio{position:relative;display:inline-flex;align-items:center;margin:0;padding:12px 16px;border-radius:12px;background-image:var(--wood);box-shadow:0 5px 0 var(--wood-edge);color:var(--wood-ink);font-weight:800;font-size:16px;line-height:1.25;cursor:pointer;transition:transform 160ms var(--spring),box-shadow 160ms}
.woocommerce div.product form.cart label.fffp-radio:hover{transform:translateY(-2px) rotate(-1.5deg)}
.woocommerce div.product form.cart label.fffp-radio input{position:absolute;opacity:0;width:1px;height:1px}
.woocommerce div.product form.cart label.fffp-radio:has(input:checked){background-image:var(--wood-on);box-shadow:inset 0 3px 6px rgba(74,46,24,.35),0 1px 0 var(--wood-edge);transform:translateY(4px);color:#3A2210}
.woocommerce div.product form.cart label.fffp-radio:has(input:focus-visible){outline:3px solid var(--teal);outline-offset:3px}
.woocommerce div.product form.cart p.fffp-checks label.fffp-radio::before{content:"";width:18px;height:18px;margin-right:10px;border-radius:5px;border:2px solid var(--wood-ink);background:rgba(255,255,255,.5);flex-shrink:0}
.woocommerce div.product form.cart p.fffp-checks label.fffp-radio:has(input:checked)::before{background:var(--wood-ink) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/14px no-repeat}
.woocommerce div.product form.cart p.fffp-file input[type=file]{width:100%;max-width:none;padding:14px 16px;border-radius:14px;border:2px dashed var(--ink);background:var(--bg);font-weight:700;cursor:pointer}
.woocommerce div.product form.cart p.fffp-file input[type=file]::file-selector-button{margin-right:12px;padding:8px 12px;border:0;border-radius:9px;background:var(--ink);color:#fff;font-weight:700;cursor:pointer}
.woocommerce div.product form.cart p.fffp-file input[type=file]:hover{background:var(--mint)}

/* Cantidad y botón */
.woocommerce div.product form.cart div.quantity{float:none;margin:0;display:flex;align-items:center;gap:6px;padding:6px;border-radius:14px;background:var(--soft)}
.woocommerce div.product form.cart div.quantity.hidden{display:none}
.woocommerce .quantity .qty{width:44px;height:44px;padding:0;border:0;background:none;text-align:center;font-size:18px;font-weight:700;font-variant-numeric:tabular-nums;-moz-appearance:textfield}
.woocommerce .quantity .qty::-webkit-inner-spin-button,.woocommerce .quantity .qty::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.fff-q{width:44px;height:44px;border:0;border-radius:10px;display:grid;place-items:center;background:#fff;cursor:pointer}
.fff-q:hover{background:var(--ink);color:#fff}
.woocommerce div.product form.cart .button.single_add_to_cart_button{position:relative;flex:1;min-width:240px;height:62px;float:none;margin:0;padding:0 20px 0 40px;border:0;border-radius:16px;background-color:var(--wood-b);background-image:var(--wood);box-shadow:0 6px 0 var(--wood-edge),0 18px 30px -14px rgba(60,40,10,.45);color:var(--wood-ink);font-size:19px;font-weight:800;line-height:1.1;opacity:1;transition:transform 180ms var(--spring),box-shadow 180ms}
.woocommerce div.product form.cart .button.single_add_to_cart_button::before{content:"";position:absolute;left:20px;top:50%;width:14px;height:14px;margin-top:-7px;border-radius:50%;background:#fff;box-shadow:inset 0 2px 3px rgba(0,0,0,.45)}
.woocommerce div.product form.cart .button.single_add_to_cart_button:hover{transform:translateY(-2px) rotate(-1deg);color:var(--wood-ink)}
.woocommerce div.product form.cart .button.single_add_to_cart_button:active{transform:translateY(5px);box-shadow:0 1px 0 var(--wood-edge)}
.woocommerce div.product form.cart .button.single_add_to_cart_button.disabled{opacity:.55;transform:none;cursor:not-allowed}
.woocommerce div.product p.stock{font-weight:700;color:var(--teal-d)}
.woocommerce div.product p.stock.out-of-stock{color:var(--err)}

.fff-wa-link{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;font-size:15px;font-weight:700;color:var(--teal-d);text-decoration:none}
.fff-wa-link:hover{text-decoration:underline}
.fff-chips{display:flex;flex-wrap:wrap;gap:10px}
.fff-chips span{padding:9px 14px;border-radius:10px;background:#fff;font-size:15px;box-shadow:0 3px 0 var(--line)}

/* Pestañas, relacionados */
.woocommerce .woocommerce-tabs,.woocommerce .related,.woocommerce .upsells{grid-column:1/-1;min-width:0}
.woocommerce .woocommerce-tabs ul.tabs{display:flex;flex-wrap:wrap;gap:12px 10px;margin:0 0 22px;padding:0;overflow:visible}
.woocommerce .woocommerce-tabs ul.tabs::before,.woocommerce .woocommerce-tabs ul.tabs li::before,.woocommerce .woocommerce-tabs ul.tabs li::after{display:none}
.woocommerce .woocommerce-tabs ul.tabs li{margin:0;padding:0;border:0;border-radius:12px;background:none;background-image:var(--wood);box-shadow:0 5px 0 var(--wood-edge)}
.woocommerce .woocommerce-tabs ul.tabs li a{padding:11px 16px;color:var(--wood-ink);font-weight:800;font-size:16px}
.woocommerce .woocommerce-tabs ul.tabs li.active{background-image:var(--wood-on);box-shadow:inset 0 3px 6px rgba(74,46,24,.35),0 1px 0 var(--wood-edge);transform:translateY(4px)}
.woocommerce .woocommerce-tabs .panel{margin:0;padding:clamp(20px,3vw,32px);border-radius:22px;background:#fff;box-shadow:0 5px 0 var(--line);font-size:17px;line-height:1.6;color:var(--ink2)}
.woocommerce .woocommerce-tabs .panel>h2:first-child{display:none}
.woocommerce .woocommerce-tabs .panel p{margin:0 0 .8em;max-width:70ch}
.woocommerce .woocommerce-tabs .panel>*:last-child{margin-bottom:0}
.woocommerce .related,.woocommerce .upsells{padding:clamp(24px,4vw,56px) 0 clamp(48px,6vw,90px)}
.woocommerce .related>h2,.woocommerce .upsells>h2{margin:0 0 28px;font-weight:800;font-size:clamp(30px,3.4vw,52px);letter-spacing:-.045em}

/* =====================================================================
   7. Páginas, carrito, pago y cuenta
   ===================================================================== */
.fff-page{padding-top:clamp(24px,3vw,40px);padding-bottom:clamp(56px,7vw,96px)}
.fff-page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;margin-bottom:clamp(28px,4vw,48px)}
.fff-page-title{margin:0;font-size:clamp(48px,8vw,130px);max-width:100%;overflow-wrap:anywhere}
.fff-prose{max-width:72ch;font-size:18px;line-height:1.65;color:var(--ink2)}
.fff-prose h2{font-size:30px;margin:1.6em 0 .5em;color:var(--ink)}
.fff-prose h3{font-size:23px;margin:1.4em 0 .4em;color:var(--ink)}
.fff-prose a{color:var(--teal-d);font-weight:600}
.fff-prose img{border-radius:16px}
.fff-prose table{width:100%;border-collapse:collapse}
.fff-prose th,.fff-prose td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:left}
.fff-404{display:flex;flex-direction:column;gap:24px;align-items:flex-start}

.fff-buysteps{list-style:none;margin:0;padding:0;display:flex;gap:clamp(10px,2vw,22px);flex-wrap:wrap}
.fff-buysteps li{display:flex;flex-direction:column;align-items:center}
.fff-buystring{width:2px;height:14px;background:var(--metal)}
.fff-buystep{padding:8px 14px;border-radius:12px;border:2px dashed #B9B4A8;color:var(--grey);font-weight:700;font-size:16px}
.fff-buysteps .is-on .fff-buystep{border:0;padding:10px 16px;background-image:var(--wood);box-shadow:0 5px 0 var(--wood-edge);color:var(--wood-ink);font-weight:800;transform:rotate(-3deg);transform-origin:50% 0}

/* Botones genéricos de WooCommerce */
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit,.woocommerce .wc-block-components-button:not(.is-link),.wc-block-components-button:not(.is-link){min-height:48px;padding:12px 20px;border:0;border-radius:12px;background:var(--ink);color:#fff;font-weight:800;font-size:16px;line-height:1.3;text-decoration:none;transition:transform 160ms var(--spring),background 160ms}
.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover,.woocommerce #respond input#submit:hover,.wc-block-components-button:not(.is-link):hover{background:var(--teal-d);color:#fff}
.woocommerce a.button.alt,.woocommerce button.button.alt,.woocommerce input.button.alt,.woocommerce a.checkout-button,.wc-block-cart__submit-button,.wc-block-components-checkout-place-order-button{min-height:60px;border-radius:16px;background:var(--teal);color:var(--teal-ink);font-size:19px;box-shadow:0 6px 0 var(--teal-dd)}
.woocommerce a.button.alt:hover,.woocommerce button.button.alt:hover,.woocommerce input.button.alt:hover,.woocommerce a.checkout-button:hover,.wc-block-cart__submit-button:hover,.wc-block-components-checkout-place-order-button:hover{background:var(--teal);color:var(--teal-ink);transform:translateY(-2px) rotate(-1deg)}
.woocommerce a.button.alt:active,.woocommerce button.button.alt:active,.woocommerce a.checkout-button:active{transform:translateY(5px);box-shadow:0 1px 0 var(--teal-dd)}
.woocommerce button.button:disabled,.woocommerce button.button:disabled[disabled]{opacity:.5;padding:12px 20px;color:#fff}

/* Campos de formulario */
.woocommerce form .form-row{margin:0 0 16px;padding:0}
.woocommerce form .form-row label{font-weight:800;font-size:15px;line-height:1.3;margin-bottom:6px}
.woocommerce form .form-row .required{color:var(--teal-d);text-decoration:none}
.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,.woocommerce form .form-row select,.woocommerce-cart table.cart td.actions .coupon .input-text,.woocommerce .select2-container--default .select2-selection--single,.fff-prose input[type=text],.fff-prose input[type=email],.fff-prose textarea{min-height:50px;padding:10px 14px;border-radius:12px;border:2px solid var(--ink);background:#fff;font-size:16px;font-weight:600;color:var(--ink)}
.woocommerce .select2-container--default .select2-selection--single{display:flex;align-items:center;padding:0 14px}
.woocommerce .select2-container--default .select2-selection--single .select2-selection__rendered{padding:0;line-height:1.3;color:var(--ink);flex:1}
.woocommerce .select2-container--default .select2-selection--single .select2-selection__arrow{height:46px;right:8px}
.woocommerce form .form-row.woocommerce-invalid input.input-text{border-color:var(--err)}
.woocommerce form.login,.woocommerce form.register,.woocommerce form.checkout_coupon,.woocommerce form.lost_reset_password{border:0;border-radius:22px;background:#fff;box-shadow:0 5px 0 var(--line);padding:24px;margin:0 0 24px}

/* Avisos */
.woocommerce-message,.woocommerce-info,.woocommerce-error,.woocommerce-notice,.wc-block-components-notice-banner{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin:0 0 24px!important;padding:14px 18px!important;border:0!important;border-radius:16px!important;background:var(--ink)!important;color:#fff!important;font-weight:700;font-size:16px;list-style:none}
.woocommerce-message::before,.woocommerce-info::before,.woocommerce-error::before{display:none}
.woocommerce-info{background:var(--mint)!important;color:var(--teal-ink)!important}
.woocommerce-error{background:#FFE3E0!important;color:#7A1A14!important;flex-direction:column;align-items:flex-start}
.woocommerce-message a:not(.button),.woocommerce-info a:not(.button){color:inherit}
.woocommerce-message .button,.woocommerce-info .button{order:2;margin-left:auto;min-height:0;padding:8px 12px;border-radius:9px;background:var(--teal);color:var(--teal-ink);font-size:14px;float:none}
.woocommerce-message .button:hover{background:#fff;color:var(--ink)}
.woocommerce-message:focus,.woocommerce-info:focus,.woocommerce-error:focus{outline:0}

/* Carrito (clásico) */
.woocommerce-cart .fff-shop-page>.woocommerce{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(24px,3vw,40px);align-items:start}
@media (min-width:1000px){
	.woocommerce-cart .fff-shop-page>.woocommerce:has(.cart-collaterals){grid-template-columns:minmax(0,1fr) minmax(320px,420px)}
	.woocommerce-cart .fff-shop-page>.woocommerce>.woocommerce-notices-wrapper{grid-column:1/-1}
	.woocommerce-cart .cart-collaterals{position:sticky;top:96px}
}
.woocommerce-cart .fff-shop-page>.woocommerce>.woocommerce-notices-wrapper:empty{display:none}
.woocommerce table.shop_table{border:0;border-radius:22px;background:#fff;box-shadow:0 5px 0 var(--line);border-collapse:separate;margin:0 0 24px;overflow:hidden}
.woocommerce table.shop_table th{padding:14px 16px;font-weight:800;font-size:14px;letter-spacing:.04em;text-transform:uppercase;color:var(--grey)}
.woocommerce table.shop_table td{padding:16px;border-top:1px solid var(--line);vertical-align:middle}
.woocommerce table.shop_table td.product-name a{font-weight:800;font-size:18px;text-decoration:none;letter-spacing:-.02em}
.woocommerce table.shop_table td.product-name dl.variation{margin:10px 0 0;padding:10px 12px;border-radius:12px;background:var(--bg);font-size:14px;display:grid;grid-template-columns:auto 1fr;gap:4px 10px}
.woocommerce table.shop_table td.product-name dl.variation dt{float:none;margin:0;font-weight:500;color:var(--grey)}
.woocommerce table.shop_table td.product-name dl.variation dd{float:none;margin:0;font-weight:700;overflow-wrap:anywhere}
.woocommerce table.shop_table td.product-name dl.variation dd p{margin:0}
.woocommerce table.shop_table td.product-subtotal,.woocommerce table.shop_table td.product-price{font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}
.woocommerce-cart table.cart img,.woocommerce table.cart img{width:88px;border-radius:10px;box-shadow:0 0 0 6px var(--wood-b),0 5px 0 6px var(--wood-edge);margin:6px}
.woocommerce table.cart td.product-quantity .quantity{display:inline-flex;align-items:center;gap:4px;padding:4px;border-radius:12px;background:var(--soft)}
.woocommerce table.cart td.product-quantity .fff-q,.woocommerce table.cart td.product-quantity .qty{width:36px;height:36px}
.woocommerce a.remove{display:grid;place-items:center;width:32px;height:32px;line-height:1;font-size:22px;color:#9C2A1F!important;border-radius:9px}
.woocommerce a.remove:hover{background:#9C2A1F;color:#fff!important}
.woocommerce-cart table.cart td.actions{padding:16px;background:var(--bg)}
.woocommerce-cart table.cart td.actions .coupon{display:flex;gap:8px;flex-wrap:wrap}
.woocommerce-cart table.cart td.actions .coupon .input-text{width:200px;margin:0;float:none;text-transform:uppercase}
.woocommerce .cart-collaterals{width:auto;float:none}
.woocommerce .cart-collaterals .cart_totals,.woocommerce-page .cart-collaterals .cart_totals{float:none;width:auto;position:relative;padding:42px 24px 24px;border-radius:26px;background-image:var(--wood);box-shadow:0 9px 0 var(--wood-edge),0 30px 44px -24px rgba(60,40,10,.5);color:var(--wood-ink)}
.woocommerce .cart-collaterals .cart_totals::before{content:"";position:absolute;top:16px;left:50%;width:14px;height:14px;margin-left:-7px;border-radius:50%;background:var(--bg);box-shadow:inset 0 2px 3px rgba(0,0,0,.45)}
.woocommerce .cart-collaterals .cart_totals>h2{margin:0 0 12px;font-weight:800;font-size:26px}
.woocommerce .cart-collaterals .cart_totals table.shop_table{background:none;box-shadow:none;border-radius:0;margin:0 0 16px}
.woocommerce .cart-collaterals .cart_totals table.shop_table th,.woocommerce .cart-collaterals .cart_totals table.shop_table td{padding:10px 0;border-top:0;font-size:16px;text-transform:none;letter-spacing:0;color:var(--wood-ink);font-weight:500;vertical-align:top}
.woocommerce .cart-collaterals .cart_totals table.shop_table td{text-align:right;font-weight:700}
.woocommerce .cart-collaterals .cart_totals tr.order-total th,.woocommerce .cart-collaterals .cart_totals tr.order-total td{border-top:2px dashed rgba(74,46,24,.45);padding-top:14px;font-weight:800;font-size:20px}
.woocommerce .cart-collaterals .cart_totals tr.order-total td strong{font-weight:900;font-size:34px;letter-spacing:-.03em}
.woocommerce .cart-collaterals .cart_totals a{color:var(--wood-ink)}
.woocommerce .wc-proceed-to-checkout{padding:0}
.woocommerce .wc-proceed-to-checkout a.checkout-button{display:flex;align-items:center;justify-content:center;margin:0;padding:0 20px;font-size:19px}
.woocommerce .cart-empty.woocommerce-info{justify-content:center;padding:28px!important;font-size:20px}
.woocommerce .return-to-shop{text-align:center}
.woocommerce .cross-sells>h2{font-size:22px;margin:0 0 16px}

/* Pago (clásico) */
.woocommerce-checkout .col2-set{width:auto;float:none;display:grid;gap:24px}
.woocommerce-checkout .col2-set .col-1,.woocommerce-checkout .col2-set .col-2{float:none;width:auto;padding:24px;border-radius:22px;background:#fff;box-shadow:0 5px 0 var(--line)}
.woocommerce-checkout .col2-set .col-2:not(:has(.form-row,p,h3)){display:none}
.woocommerce-checkout form.checkout{display:grid;gap:clamp(24px,3vw,40px);align-items:start}
@media (min-width:1000px){
	.woocommerce-checkout form.checkout{grid-template-columns:minmax(0,1fr) minmax(340px,460px)}
	.woocommerce-checkout form.checkout>*{grid-column:2}
	.woocommerce-checkout form.checkout>#customer_details{grid-column:1;grid-row:1/span 6}
	.woocommerce-checkout form.checkout>.woocommerce-NoticeGroup{grid-column:1/-1}
}
.woocommerce-checkout h3{margin:0 0 16px;font-weight:800;font-size:24px}
.woocommerce-checkout #order_review_heading{margin:0}
.woocommerce-checkout #payment{background:#fff;border-radius:22px;box-shadow:0 5px 0 var(--line)}
.woocommerce-checkout #payment ul.payment_methods{padding:18px;border-bottom:1px solid var(--line)}
.woocommerce-checkout #payment ul.payment_methods li{padding:6px 0;font-weight:700}
.woocommerce-checkout #payment div.payment_box{background:var(--bg);border-radius:12px;color:var(--ink2);font-weight:500}
.woocommerce-checkout #payment div.payment_box::before{display:none}
.woocommerce-checkout #payment div.form-row{padding:18px}
.woocommerce-checkout #payment #place_order{width:100%;float:none}
.woocommerce-order .woocommerce-order-overview{display:flex;flex-wrap:wrap;gap:12px;margin:0 0 28px;padding:0}
.woocommerce-order .woocommerce-order-overview li{float:none;margin:0;padding:12px 16px;border:0;border-radius:14px;background:#fff;box-shadow:0 4px 0 var(--line);font-size:13px}
.woocommerce-order .woocommerce-order-overview li strong{font-size:17px}

/* Mi cuenta */
.woocommerce-account .woocommerce-MyAccount-navigation{float:none;width:auto;margin-bottom:28px}
.woocommerce-account .woocommerce-MyAccount-navigation ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:12px 10px}
.woocommerce-account .woocommerce-MyAccount-navigation a{display:block;padding:11px 16px;border-radius:12px;background-image:var(--wood);box-shadow:0 5px 0 var(--wood-edge);color:var(--wood-ink);font-weight:800;font-size:16px;text-decoration:none}
.woocommerce-account .woocommerce-MyAccount-navigation .is-active a{background-image:var(--wood-on);box-shadow:inset 0 3px 6px rgba(74,46,24,.35),0 1px 0 var(--wood-edge);transform:translateY(4px)}
.woocommerce-account .woocommerce-MyAccount-content{float:none;width:auto;font-size:17px}
.woocommerce-account .u-columns.col2-set{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:24px}
.woocommerce-account .u-columns.col2-set .u-column1,.woocommerce-account .u-columns.col2-set .u-column2{float:none;width:auto}
.woocommerce-account .col2-set::before,.woocommerce-account .col2-set::after{display:none}

/* =====================================================================
   8. Pie
   ===================================================================== */
.fff-footer{background:var(--teal);color:var(--teal-ink);margin-top:clamp(24px,4vw,48px)}
.fff-footer .fff-wrap{padding-top:clamp(48px,6vw,80px);padding-bottom:28px;display:flex;flex-direction:column;gap:40px}
.fff-footer-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:28px;font-size:16px;line-height:1.7}
.fff-footer-cols>div{display:flex;flex-direction:column;align-items:flex-start}
.fff-footer-cols b{font-size:18px}
.fff-footer a{color:var(--teal-ink);text-decoration:none}
.fff-footer a:hover{text-decoration:underline;color:var(--ink)}
.fff-wordmark{display:flex;align-items:center;gap:clamp(12px,2vw,28px);flex-wrap:wrap}
.fff-wordmark .fff-hatch{font-size:clamp(70px,13vw,210px);line-height:.85;letter-spacing:-.05em}
.fff-wordmark-d{font-weight:900;font-size:clamp(60px,10vw,170px);line-height:.85;letter-spacing:-.05em;background:linear-gradient(#fff,#fff) no-repeat 0 62%/100% .05em}

/* =====================================================================
   9. Movimiento
   ===================================================================== */
.fff-js [data-pop]>*{opacity:0;transform:translateY(26px) rotate(1.5deg)}
.fff-js [data-pop].is-in>*{opacity:1;transform:none;transition:opacity 500ms,transform 700ms var(--spring)}
.fff-js [data-pop].is-in>*:nth-child(2){transition-delay:70ms}.fff-js [data-pop].is-in>*:nth-child(3){transition-delay:140ms}.fff-js [data-pop].is-in>*:nth-child(4){transition-delay:210ms}.fff-js [data-pop].is-in>*:nth-child(n+5){transition-delay:280ms}

@media (prefers-reduced-motion:reduce){
	html{scroll-behavior:auto}
	*,*::before,*::after{animation:none!important;transition:none!important}
	.fff-js [data-pop]>*{opacity:1;transform:none}
}

/* =====================================================================
   10. Móvil: rejillas a dos columnas
   ===================================================================== */
.woocommerce-checkout form .form-row textarea.input-text{border:2px solid var(--ink);border-radius:12px;min-height:90px;padding:12px 14px}
.fff-rail{overflow:visible}
@media (max-width:600px){
	.woocommerce ul.products,.woocommerce-page ul.products,.fff-hang-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px}
	.fff-rail-bar{left:0;right:0}
	.fff-card-link{padding:24px 9px 12px;gap:9px}
	.fff-pin{top:8px;width:8px;height:8px}.fff-pin-l{left:11px}.fff-pin-r{right:11px}
	.fff-card-name{font-size:15px}
	.fff-card-price,.fff-card-price .amount{font-size:14px}
	.fff-card-go{width:32px;height:32px;border-radius:8px}
	.fff-hang-string{height:26px}
	.fff-hang-card{padding:24px 9px 12px;gap:9px;border-radius:16px}
	.fff-hang-name{font-size:17px}
	.fff-hang-blurb{display:none}
	.fff-hero-panel{padding:60px 10% 28px;border-radius:24px}
	.fff-step-n{font-size:84px}
	.woocommerce table.shop_table_responsive tr td::before{font-weight:800}
}

/* =====================================================================
   11. Grabado láser (portada y cabeceras de categoría)
   ===================================================================== */
.fff-laser{position:relative;width:100%;aspect-ratio:4/3;display:none}
.fff-laser canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.fff-laser canvas+canvas{pointer-events:none}
.is-laser .fff-laser{display:block}
.is-laser .fff-tag,.is-laser .fff-shop-art-in{display:none}
.fff-hero-panel.is-laser{padding:76px 6% 22px}
.fff-hero-panel.is-laser>.fff-nail{left:calc(6% + 22.75% * .88 - 7px);margin-left:0}
.fff-hero-panel.is-laser .fff-swing{transform-origin:22.75% -47px}
.fff-hero-panel.is-laser .fff-string{left:calc(22.75% - 1px);top:-47px;margin-left:0;height:calc(47px + 28.7%)}
.fff-shop-art.is-laser{padding:clamp(10px,2vw,24px)}

/* =====================================================================
   12. Ajustes v0.3
   ===================================================================== */
/* Pestañas y relacionados van fuera de la rejilla de la ficha */
.woocommerce .woocommerce-tabs{margin-top:clamp(8px,2vw,24px)}
.woocommerce .woocommerce-tabs ul.tabs{list-style:none}
.woocommerce .woocommerce-tabs ul.tabs li a{display:block;text-decoration:none}
.woocommerce .woocommerce-tabs .panel h2{font-size:24px;margin:1.2em 0 .5em;color:var(--ink)}
.woocommerce .woocommerce-tabs table.shop_attributes{border:0;margin:0}
.woocommerce .woocommerce-tabs table.shop_attributes th,.woocommerce .woocommerce-tabs table.shop_attributes td{padding:10px 12px;border:0;border-bottom:1px solid var(--line);background:none;font-style:normal;text-align:left}
.woocommerce .woocommerce-tabs table.shop_attributes td p{margin:0;padding:0}

/* Casillas y botones de opción propios */
.woocommerce input[type=radio],.woocommerce input[type=checkbox],.fff-prose input[type=radio],.fff-prose input[type=checkbox]{appearance:none;-webkit-appearance:none;flex-shrink:0;width:22px;height:22px;margin:0 8px 0 0;vertical-align:-5px;border:2px solid var(--wood-ink);border-radius:50%;background:#fff;cursor:pointer;transition:box-shadow 160ms,background 160ms,transform 160ms var(--spring)}
.woocommerce input[type=checkbox],.fff-prose input[type=checkbox]{border-radius:6px}
.woocommerce input[type=radio]:hover,.woocommerce input[type=checkbox]:hover{transform:scale(1.08)}
.woocommerce input[type=radio]:checked{background:var(--teal-d);border-color:var(--teal-dd);box-shadow:inset 0 0 0 4px #fff}
.woocommerce input[type=checkbox]:checked,.fff-prose input[type=checkbox]:checked{border-color:var(--teal-dd);background:var(--teal-d) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/14px no-repeat}
.woocommerce div.product form.cart label.fffp-radio input{appearance:auto;-webkit-appearance:auto}

/* Métodos de envío: una ficha por opción */
.woocommerce ul#shipping_method{list-style:none;margin:0 0 10px;padding:0;display:grid;gap:8px}
.woocommerce ul#shipping_method li{display:flex;align-items:center;margin:0;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.42);text-align:left;text-indent:0;line-height:1.25;transition:background 160ms,box-shadow 160ms}
.woocommerce ul#shipping_method li:has(input:checked){background:#fff;box-shadow:0 3px 0 var(--wood-edge)}
.woocommerce ul#shipping_method li label{flex:1;margin:0;font-weight:700;cursor:pointer}
.woocommerce ul#shipping_method li input{margin:0 10px 0 0}
.woocommerce .cart-collaterals .cart_totals tr.woocommerce-shipping-totals th,.woocommerce .cart-collaterals .cart_totals tr.woocommerce-shipping-totals td{display:block;width:100%;text-align:left}
.woocommerce .cart-collaterals .cart_totals tr.woocommerce-shipping-totals th{padding-bottom:2px;font-weight:800}
.woocommerce .cart-collaterals .cart_totals tr.woocommerce-shipping-totals td::before{display:none}
.woocommerce .woocommerce-shipping-destination{margin:0;font-size:14px;font-weight:500}
.woocommerce .cart-collaterals .cart_totals .includes_tax{display:block;font-size:13px;font-weight:500;letter-spacing:0}
.woocommerce .cart-collaterals .cart_totals .includes_tax .amount{font-size:13px;font-weight:600}
.woocommerce-checkout #order_review ul#shipping_method li{background:var(--bg)}
.woocommerce-checkout #order_review ul#shipping_method li:has(input:checked){background:var(--mint);box-shadow:none}
.woocommerce-checkout #payment ul.payment_methods li{display:block;padding:8px 0}

/* Carrito: los datos de personalización no se parten letra a letra */
.woocommerce table.shop_table td.product-name{min-width:260px;width:46%}
.woocommerce table.shop_table td.product-name dl.variation{grid-template-columns:minmax(0,max-content) minmax(0,1fr)}
.woocommerce table.shop_table td.product-name dl.variation dt{text-transform:none;overflow-wrap:break-word}
.woocommerce table.shop_table td.product-name dl.variation dd{overflow-wrap:break-word;word-break:normal}
@media (max-width:768px){.woocommerce table.shop_table td.product-name{width:auto;min-width:0}}
.woocommerce table.shop_table td.product-thumbnail{min-width:112px;width:112px}
.woocommerce .cart-collaterals .cart_totals table.shop_table,.woocommerce .cart-collaterals .cart_totals table.shop_table tbody{display:block;width:100%}
.woocommerce .cart-collaterals .cart_totals table.shop_table tr{display:flex;justify-content:space-between;align-items:baseline;gap:12px;width:100%}
.woocommerce .cart-collaterals .cart_totals table.shop_table tr.woocommerce-shipping-totals{flex-direction:column;align-items:stretch;gap:6px}
.woocommerce .cart-collaterals .cart_totals table.shop_table tr.order-total{flex-wrap:wrap}
.woocommerce-checkout #order_review tr.woocommerce-shipping-totals th{width:92px}
@media (max-width:768px){.woocommerce table.shop_table td.product-thumbnail{min-width:0;width:auto}}
.woocommerce .cart-collaterals .cart_totals tr.order-total th,.woocommerce .cart-collaterals .cart_totals tr.order-total td{border-top:0;padding-top:0}
.woocommerce .cart-collaterals .cart_totals table.shop_table tr.order-total{border-top:2px dashed rgba(74,46,24,.45);padding-top:14px;margin-top:6px}
@media (max-width:768px){.woocommerce .cart-collaterals .cart_totals table.shop_table tr:not(.woocommerce-shipping-totals) td{flex:1;display:flex;justify-content:space-between;align-items:baseline;gap:12px}}

/* Datos de personalización en carrito y pago: etiqueta arriba, valor debajo (v0.3.1) */
.woocommerce table.shop_table td.product-name dl.variation{display:block;padding:10px 14px}
.woocommerce table.shop_table td.product-name dl.variation dt{display:block;float:none;clear:both;margin:8px 0 0;padding:0;font-size:12px;font-weight:600;letter-spacing:.03em;text-transform:none;color:var(--grey)}
.woocommerce table.shop_table td.product-name dl.variation dt:first-child{margin-top:0}
.woocommerce table.shop_table td.product-name dl.variation dd{display:block;float:none;margin:0;padding:0;font-size:15px;font-weight:700;line-height:1.35;overflow-wrap:break-word;word-break:normal}
.woocommerce table.shop_table td.product-name dl.variation dd p{margin:0;display:block}