/*
Theme Name: Smile Trucker
Theme URI: https://tiendasmiletrucker.com
Author: Smile Trucker SL
Author URI: https://tiendasmiletrucker.com
Description: Tema clasico para La Tienda de Smile Trucker. Concepto visual C8 "Minimalista limpio" (portado fielmente del prototipo): mucho blanco, reticula amplia, naranja reservado a CTAs y precios, verde #001810 solo como detalle fino y footer. Space Grotesk + Space Mono, loader/cursor/animaciones solo en home. Buscador de producto, contador de carrito en vivo y breadcrumbs C8. Compatible con WooCommerce. Solo presentacion.
Version: 2.1.0
Requires at least: 6.0
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: smiletrucker
Tags: e-commerce, custom-menu, featured-images, threaded-comments, translation-ready
*/

/* ============================================================
   C8 "Minimalista limpio" — portado del prototipo tienda-proto-c8.
   COLOR: principal naranja #F47354 (CTAs/precios/acentos). Superficies
   neutras blanco/crema/gris. Verde #001810 SOLO detalle fino + footer.
   ============================================================ */
:root{
  --orange:#F47354;
  --orange-hover:#E0603F;
  --ink:#001810;
  --white:#FFFFFF;
  --bone:#FBF7F1;
  --mist:#F4F5F3;
  --line:#E7E4DD;
  --line-ink:rgba(0,24,16,.14);
  --muted:#4F5A54;
  --on-orange:#FFFFFF;
  --display:'Space Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif;
  --mono:'Space Mono',ui-monospace,'Courier New',monospace;
}
*{box-sizing:border-box}
html{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;scroll-behavior:smooth}
body{margin:0;background:var(--white);color:var(--ink);font-family:var(--display);font-weight:400;line-height:1.55;overflow-x:hidden}
body.lenis,body.lenis *{cursor:none}
/* Mantener cursor nativo donde hace falta precision (campos y controles de texto). */
body.lenis input,body.lenis textarea,body.lenis select,body.lenis [contenteditable]{cursor:auto}
@media (hover:none){body.lenis,body.lenis *{cursor:auto}}
a{color:inherit;text-decoration:none}
img,svg{max-width:100%;display:block}
ul,ol{margin:0;padding:0;list-style:none}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer;background:none;border:none}
h1,h2,h3,h4,h5,h6{margin:0;font-weight:700;letter-spacing:-.02em;line-height:1.1}
:focus-visible{outline:2px solid var(--orange);outline-offset:2px}
.wrap{width:min(1200px,calc(100% - 48px));margin-inline:auto}
.tag{font-family:var(--mono);font-size:.66rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}
.price{font-family:var(--display);font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.02em;color:var(--orange)}
.iva{font-family:var(--mono);font-size:.58rem;letter-spacing:.04em;color:var(--muted)}

/* ---- cursor custom (naranja) — solo home con .lenis ---- */
#cur{position:fixed;top:0;left:0;width:10px;height:10px;border-radius:50%;background:var(--orange);pointer-events:none;z-index:9999;transform:translate(-50%,-50%);transition:width .25s cubic-bezier(.2,.8,.2,1),height .25s cubic-bezier(.2,.8,.2,1),opacity .25s}
#cur.big{width:54px;height:54px;opacity:.18}
@media (hover:none){#cur{display:none}}
.still #cur{display:none}

/* ---- loader ---- */
#load{position:fixed;inset:0;background:var(--bone);z-index:10000;display:grid;place-items:center;color:var(--ink);animation:stLoadAway .5s ease 1.2s forwards}
#load .lw{font-family:var(--mono);font-size:.74rem;letter-spacing:.3em;text-transform:uppercase}
#load .lw b{font-weight:700;color:var(--orange)}
.still #load{display:none}
@keyframes stLoadAway{to{opacity:0;visibility:hidden}}

/* ---- mark / logo: aro fino verde ---- */
.mk{width:30px;height:30px;border-radius:50%;border:1.5px solid var(--ink);display:grid;place-items:center;color:var(--ink);flex:0 0 auto}
.mk svg{width:16px;height:16px}
/* Cuando la marca usa el logo real (isotipo naranja): sin aro, imagen a tope. */
.mk--img{border:0;overflow:hidden;background:transparent}
.mk--img .mk-img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}

/* ---- header ---- */
header.site{position:sticky;top:0;z-index:200;background:rgba(255,255,255,.9);backdrop-filter:saturate(140%) blur(10px);border-bottom:1px solid var(--line-ink)}
.hd{position:relative;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 24px}
.brand{display:flex;align-items:center;gap:11px;font-family:var(--display);font-weight:700;font-size:1.02rem;letter-spacing:-.02em;color:var(--ink)}
.brand small{display:block;font-family:var(--mono);font-size:.55rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-weight:400}
.nav{display:flex;gap:26px;align-items:center;font-family:var(--mono);font-size:.72rem;letter-spacing:.04em;text-transform:uppercase}
.nav a{position:relative;padding:4px 0;color:var(--muted)}
.nav a::after{content:"";position:absolute;left:0;right:100%;bottom:0;height:1.5px;background:var(--orange);transition:right .35s cubic-bezier(.2,.8,.2,1)}
.nav a:hover::after,.nav .current-menu-item>a::after,.nav .current_page_item>a::after{right:0}
.nav a:hover,.nav .current-menu-item>a{color:var(--ink)}
a.cart{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:.72rem;text-transform:uppercase;border:1px solid var(--orange);background:var(--orange);color:var(--on-orange);font-weight:700;padding:9px 15px;border-radius:999px;transition:background .25s,border-color .25s;white-space:nowrap}
a.cart:hover{background:var(--orange-hover);border-color:var(--orange-hover)}
a.cart .n{background:var(--ink);color:#fff;border-radius:999px;font-weight:700;padding:0 7px;font-size:.68rem}
a.cart .cart-ico{display:none}
a.cart .cart-ico svg{width:18px;height:18px;display:block}
.nav-toggle{display:none;border:1px solid var(--line-ink);border-radius:10px;padding:9px}
.nav-toggle span{display:block;width:18px;height:1.6px;background:var(--ink);margin:3px 0}
/* Cluster de acciones del header: buscador + carrito (+ hamburguesa en movil). */
.hd__actions{display:flex;align-items:center;gap:12px}
.search-toggle{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid var(--line-ink);border-radius:50%;background:var(--white);color:var(--ink);cursor:pointer;transition:border-color .25s,color .25s}
.search-toggle:hover,.search-toggle[aria-expanded="true"]{border-color:var(--orange);color:var(--orange)}
.search-toggle svg{width:18px;height:18px;display:block}
/* Panel de busqueda desplegable bajo el header (escritorio y movil). */
.site-search{position:absolute;left:0;right:0;top:100%;display:none;background:var(--white);border-top:1px solid var(--line-ink);border-bottom:1px solid var(--line);box-shadow:0 18px 40px -28px rgba(0,24,16,.5);padding:16px 24px;z-index:198}
.site-search.open{display:block}
.st-search-form{display:flex;gap:10px;max-width:640px;margin:0 auto}
.st-search-form input[type=search]{flex:1 1 auto;min-width:0;border:1.5px solid var(--line-ink);border-radius:999px;padding:12px 18px;background:var(--white);color:var(--ink);font-family:var(--mono);font-size:.82rem;min-height:48px}
.st-search-form input[type=search]:focus{outline:2px solid var(--orange);outline-offset:1px;border-color:var(--orange)}
.st-search-form button{flex:0 0 auto;font-family:var(--mono);font-size:.74rem;letter-spacing:.05em;text-transform:uppercase;font-weight:700;background:var(--orange);color:var(--on-orange);border:1px solid var(--orange);border-radius:999px;padding:0 24px;min-height:48px;cursor:pointer;transition:background .25s}
.st-search-form button:hover{background:var(--orange-hover)}
/* Migas de pan (breadcrumbs) WooCommerce en clave C8. */
.woocommerce-breadcrumb{font-family:var(--mono);font-size:.7rem;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin:0 0 20px}
.woocommerce-breadcrumb a{color:var(--muted);transition:color .2s}
.woocommerce-breadcrumb a:hover{color:var(--orange)}
@media(max-width:980px){
  .hd{gap:12px;padding:12px 16px}
  /* En movil el eslogan de la marca sobra (ensancha el header y lo descuadra). */
  .brand{gap:9px;font-size:.98rem}
  .brand small{display:none}
  /* El carrito pasa a icono compacto (boton redondo) con el contador. */
  a.cart{gap:6px;padding:0;width:42px;height:42px;justify-content:center;border-radius:50%;position:relative}
  a.cart .cart-txt{display:none}
  a.cart .cart-ico{display:inline-flex}
  a.cart .n{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;padding:0 4px;font-size:.62rem;border:1.5px solid var(--white)}
  .nav{position:fixed;left:0;right:0;top:66px;flex-direction:column;align-items:stretch;gap:2px;background:var(--white);border-top:1px solid var(--line-ink);border-bottom:1px solid var(--line);box-shadow:0 18px 40px -28px rgba(0,24,16,.5);padding:8px 24px 16px;display:none;max-height:calc(100dvh - 66px);overflow-y:auto;z-index:199}
  .nav.open{display:flex}
  .nav a{display:flex;align-items:center;min-height:48px;padding:6px 0;width:100%;font-size:.84rem;border-bottom:1px solid var(--mist)}
  .nav a:last-child{border-bottom:0}
  .nav a::after{display:none}
  .nav-toggle{display:block}
}

/* ---- buttons ---- */
.btn{display:inline-flex;align-items:center;gap:10px;font-family:var(--mono);font-size:.76rem;letter-spacing:.05em;text-transform:uppercase;padding:14px 24px;border-radius:999px;border:1px solid var(--orange);background:var(--orange);color:var(--on-orange);cursor:pointer;transition:transform .3s cubic-bezier(.2,.8,.2,1),background .25s,border-color .25s,color .25s}
.btn .ar{transition:transform .3s}.btn:hover .ar{transform:translateX(4px)}
.btn:hover{background:var(--orange-hover);border-color:var(--orange-hover)}
.btn.ghost{background:transparent;color:var(--ink);border-color:var(--line-ink)}
.btn.ghost:hover{background:var(--ink);color:#fff;border-color:var(--ink)}
.btn.small{padding:10px 16px;font-size:.7rem}

/* ---- hero ---- */
.hero{padding:84px 0 60px;background:var(--white);position:relative}
.hgrid{display:grid;grid-template-columns:1.25fr .95fr;gap:54px;align-items:center}
.hero .ey{display:flex;align-items:center;gap:11px;margin-bottom:22px}
.hero .ey .dot{width:7px;height:7px;border-radius:50%;background:var(--orange)}
h1.big{font-family:var(--display);font-weight:700;font-size:clamp(2.4rem,5.4vw,4.3rem);line-height:1.02;letter-spacing:-.035em;margin:0;color:var(--ink)}
h1.big em{font-style:normal;color:var(--orange)}
.lead{font-size:clamp(1.02rem,1.4vw,1.18rem);line-height:1.6;color:var(--muted);max-width:46ch;margin:24px 0 30px}
.lead strong{color:var(--ink);font-weight:600}
.cta{display:flex;gap:13px;flex-wrap:wrap;align-items:center}
.cta .meta{font-family:var(--mono);font-size:.66rem;letter-spacing:.04em;color:var(--muted);text-transform:uppercase}
.hcard{border:1px solid var(--line);border-radius:18px;background:var(--white);padding:20px;box-shadow:0 16px 40px -34px rgba(0,24,16,.4)}
.hcard .hc-ph{position:relative;aspect-ratio:4/3;border-radius:12px;overflow:hidden;background:var(--mist);margin-bottom:16px}
.hcard .hc-ph img{width:100%;height:100%;object-fit:cover}
.hcard .hc-tag{position:absolute;top:11px;left:11px;font-family:var(--mono);font-size:.56rem;letter-spacing:.12em;text-transform:uppercase;border:1px solid var(--line-ink);background:rgba(255,255,255,.92);color:var(--ink);padding:4px 9px;border-radius:999px}
.hcard .hc-cl{font-family:var(--mono);font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.hcard h3{font-family:var(--display);font-weight:700;font-size:1.2rem;letter-spacing:-.02em;margin:6px 0 14px;line-height:1.15}
.hcard .hc-buy{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding-top:14px}
.hcard .hc-p{display:flex;flex-direction:column;gap:1px}
.hcard .hc-p .price{font-size:1.7rem}
.hcard .add{font-family:var(--mono);font-size:.66rem;letter-spacing:.05em;text-transform:uppercase;border:1px solid var(--orange);background:var(--orange);color:var(--on-orange);font-weight:700;padding:11px 15px;border-radius:11px;cursor:pointer;transition:background .25s;white-space:nowrap}
.hcard .add:hover{background:var(--orange-hover)}
@media(max-width:900px){.hgrid{grid-template-columns:1fr;gap:34px}}

/* ---- trust strip ---- */
.trust{background:var(--bone);border-block:1px solid var(--line-ink)}
.trust .tw{display:flex;flex-wrap:wrap;gap:10px 30px;justify-content:center;padding:16px 20px;font-family:var(--mono);font-size:.7rem;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
.trust .ti{display:inline-flex;align-items:center;gap:9px}
.trust .ti svg{width:15px;height:15px;color:var(--ink);flex:0 0 auto}
.trust b{color:var(--ink);font-weight:700}
.trust .sep{color:var(--line-ink)}
@media(max-width:760px){.trust .tw{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto}}

/* ---- sections ---- */
.sec{padding:84px 0}
.sec.bone{background:var(--bone)}
.sec.mist{background:var(--mist)}
.shead{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:40px;flex-wrap:wrap;border-bottom:1px solid var(--line-ink);padding-bottom:18px}
.shead .num{font-family:var(--mono);font-size:.68rem;letter-spacing:.1em;color:var(--orange);display:block;margin-bottom:9px}
.shead h2{font-family:var(--display);font-weight:700;font-size:clamp(1.7rem,3.4vw,2.6rem);line-height:1.02;letter-spacing:-.03em;margin:0;color:var(--ink)}
.shead .sp{color:var(--muted);font-family:var(--mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;max-width:34ch;text-align:right}

/* ---- categorias ---- */
.cats{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.cat{border:1px solid var(--line);border-radius:18px;background:var(--white);overflow:hidden;display:flex;flex-direction:column;transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s,border-color .4s}
.cat:hover{transform:translateY(-4px);box-shadow:0 22px 50px -38px rgba(0,24,16,.45);border-color:var(--line-ink)}
.cat .ph{aspect-ratio:16/10;overflow:hidden;background:var(--mist)}
.cat .ph img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.cat:hover .ph img{transform:scale(1.05)}
.cat .ph.noimg{display:flex;align-items:center;justify-content:center;color:var(--line-ink)}
.cat .ph.noimg .mk{width:54px;height:54px;border-color:var(--line-ink)}
.cat .ph.noimg .mk svg{width:26px;height:26px}
.cat .in{padding:20px;display:flex;flex-direction:column;gap:5px}
.cat .in .cn{font-family:var(--mono);font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.cat .in h3{font-family:var(--display);font-weight:700;font-size:1.25rem;letter-spacing:-.02em;margin:0;color:var(--ink)}
.cat .in .go{font-family:var(--mono);font-size:.7rem;letter-spacing:.05em;text-transform:uppercase;color:var(--orange);margin-top:8px;display:inline-flex;align-items:center;gap:6px}
.cat .in .go .ar{transition:transform .3s}
.cat:hover .in .go .ar{transform:translateX(4px)}
@media(max-width:760px){.cats{grid-template-columns:1fr}}

/* ---- heroes producto estrella ---- */
.heroes{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.heroe{border:1px solid var(--line);border-radius:20px;overflow:hidden;background:var(--white);display:grid;grid-template-columns:1fr 1fr;align-items:center}
.heroe .hph{aspect-ratio:1/1;overflow:hidden;background:var(--mist)}
.heroe .hph img{width:100%;height:100%;object-fit:cover}
.heroe .hin{padding:26px}
.heroe .star{display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-size:.58rem;letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--line-ink);color:var(--ink);padding:4px 10px;border-radius:999px}
.heroe .star::before{content:"★";color:var(--orange)}
.heroe h3{font-family:var(--display);font-weight:700;font-size:1.3rem;line-height:1.12;letter-spacing:-.02em;margin:14px 0 8px;color:var(--ink)}
.heroe p{margin:0 0 18px;color:var(--muted);font-size:.92rem}
.heroe p .dist{font-family:var(--mono);font-size:.62rem;text-transform:uppercase;letter-spacing:.06em;color:var(--ink)}
.heroe .hbuy{display:flex;align-items:center;gap:14px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:16px}
.heroe .hbuy .pp{display:flex;flex-direction:column;gap:0}
.heroe .price{font-size:1.6rem}
.heroe .add{font-family:var(--mono);font-size:.66rem;letter-spacing:.05em;text-transform:uppercase;border:1px solid var(--orange);background:var(--orange);color:var(--on-orange);font-weight:700;padding:12px 18px;border-radius:11px;cursor:pointer;transition:background .25s;white-space:nowrap}
.heroe .add:hover{background:var(--orange-hover)}
@media(max-width:980px){.heroes{grid-template-columns:1fr}}
@media(max-width:480px){.heroe{grid-template-columns:1fr}.heroe .hph{aspect-ratio:16/9}}

/* ---- catalogo: filtros + grid ---- */
.filters{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:30px}
.chip{font-family:var(--mono);font-size:.7rem;letter-spacing:.05em;text-transform:uppercase;padding:9px 17px;border-radius:999px;border:1px solid var(--line-ink);background:transparent;color:var(--ink);cursor:pointer;transition:background .3s,color .3s,border-color .3s,transform .3s;text-decoration:none;display:inline-block}
.chip:hover{transform:translateY(-1px);border-color:var(--ink)}
.chip.is-active{background:var(--orange);color:var(--on-orange);border-color:var(--orange)}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.card{border:1px solid var(--line);border-radius:16px;background:var(--white);overflow:hidden;display:flex;flex-direction:column;transition:opacity .5s,transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .4s,border-color .4s;margin:0;width:auto;float:none;position:relative}
.card.is-hidden{display:none}
.card:hover{transform:translateY(-4px);box-shadow:0 18px 44px -38px rgba(0,24,16,.4);border-color:var(--line-ink)}
.card .ph{position:relative;aspect-ratio:1/1;overflow:hidden;background:var(--mist);display:block}
.card .ph img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.8,.2,1);margin:0}
.card:hover .ph img{transform:scale(1.05)}
.card .bd{position:absolute;top:11px;left:11px;font-family:var(--mono);font-size:.56rem;letter-spacing:.1em;text-transform:uppercase;background:var(--orange);color:var(--on-orange);padding:4px 9px;border-radius:999px;z-index:2;font-weight:700}
.card .bd.soft{background:rgba(255,255,255,.92);color:var(--ink);border:1px solid var(--line-ink);font-weight:400}
.card .in{padding:15px;display:flex;flex-direction:column;gap:8px;flex:1}
.card .cl{font-family:var(--mono);font-size:.6rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.card h3{font-family:var(--display);font-weight:600;font-size:.94rem;line-height:1.25;letter-spacing:-.01em;margin:0;color:var(--ink)}
.card .buy{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:13px;border-top:1px solid var(--line)}
.card .pb{display:flex;flex-direction:column;gap:0}
.card .price{font-size:1.2rem}
.card .add{font-family:var(--mono);font-size:.62rem;letter-spacing:.05em;text-transform:uppercase;border:1px solid var(--orange);background:var(--orange);color:var(--on-orange);font-weight:700;padding:9px 13px;border-radius:9px;cursor:pointer;transition:background .25s;white-space:nowrap;text-decoration:none;display:inline-block}
.card .add:hover{background:var(--orange-hover);color:var(--on-orange)}
.card .add.loading{opacity:.7}
@media(max-width:980px){.grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:460px){.grid{grid-template-columns:1fr}}

/* ---- regalo / empezar ---- */
.gift-sec{background:var(--bone);border-block:1px solid var(--line-ink)}
.gift-sec .gw{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center;padding:78px 0}
.gift-sec .gl .num{font-family:var(--mono);font-size:.68rem;letter-spacing:.1em;color:var(--orange);display:block;margin-bottom:12px}
.gift-sec h2{font-family:var(--display);font-weight:700;font-size:clamp(1.8rem,4.2vw,2.8rem);line-height:1.04;letter-spacing:-.03em;margin:0 0 14px;color:var(--ink)}
.gift-sec p{margin:0 0 16px;max-width:44ch;color:var(--muted)}
.gift-sec .start{font-family:var(--mono);font-size:.74rem;text-transform:uppercase;letter-spacing:.04em;color:var(--ink);border-left:2px solid var(--orange);padding-left:12px;margin:0 0 24px;max-width:42ch}
.gcard{background:var(--white);color:var(--ink);border:1px solid var(--line);border-radius:20px;padding:26px;box-shadow:0 22px 56px -42px rgba(0,24,16,.45)}
.gcard .gt{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.gcard .gt b{font-family:var(--display);font-weight:700;font-size:1.12rem}
.gcard .gsub{font-family:var(--mono);font-size:.7rem;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin:0 0 16px}
.gcard .amounts{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:18px}
.gcard .amt{font-family:var(--display);font-weight:700;font-variant-numeric:tabular-nums;border:1px solid var(--line-ink);background:var(--white);color:var(--ink);padding:11px 16px;border-radius:11px;cursor:pointer;transition:background .25s,color .25s,border-color .25s}
.gcard .amt.on,.gcard .amt:hover{background:var(--orange);color:var(--on-orange);border-color:var(--orange)}
.gcard .btn{width:100%;justify-content:center}
@media(max-width:760px){.gift-sec .gw{grid-template-columns:1fr;gap:30px}}

/* ---- club smile plus/pro ---- */
.pgrid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.plan{border:1px solid var(--line);border-radius:20px;padding:28px;background:var(--white)}
.plan.pro{border-color:var(--orange);box-shadow:0 0 0 1px var(--orange) inset}
.plan .pl-n{font-family:var(--display);font-weight:700;font-size:1.35rem;letter-spacing:-.02em;color:var(--ink)}
.plan .pl-n b{color:var(--orange)}
.plan .pl-d{color:var(--muted);font-size:.92rem;margin:8px 0 16px}
.plan ul{list-style:none;margin:0 0 18px;padding:0;display:grid;gap:9px;font-family:var(--mono);font-size:.76rem;color:var(--ink)}
.plan li{display:flex;align-items:flex-start;gap:9px}
.plan li svg{width:14px;height:14px;color:var(--orange);flex:0 0 auto;margin-top:2px}
.plan .pl-p{font-family:var(--display);font-weight:700;font-size:1.8rem;letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--ink)}
.plan .pl-p small{font-family:var(--mono);font-size:.7rem;color:var(--muted);font-weight:400}
.coupon{margin-top:16px;border:1px dashed var(--orange);border-radius:12px;background:var(--bone);padding:13px 15px;font-family:var(--mono);font-size:.74rem;color:var(--ink);line-height:1.5}
.coupon code{background:var(--orange);color:var(--on-orange);padding:2px 8px;border-radius:6px;font-weight:700}
.coupon b{color:var(--ink)}
@media(max-width:760px){.pgrid{grid-template-columns:1fr}}

/* ---- footer (unico bloque verde) ---- */
footer.site{background:var(--ink);color:#fff;padding:62px 0 30px}
.fgrid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:28px}
.fgrid .fb{display:flex;align-items:center;gap:10px;font-family:var(--display);font-weight:700;font-size:1.25rem;letter-spacing:-.02em;color:#fff}
.fgrid .fb .mk{border-color:rgba(255,255,255,.5);color:#fff}
.fgrid .fdesc{color:rgba(255,255,255,.66);max-width:32ch;margin-top:14px;font-size:.9rem}
.fgrid h4{font-family:var(--mono);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--orange);margin:0 0 14px;font-weight:400}
.fgrid ul{list-style:none;margin:0;padding:0;display:grid;gap:10px;font-family:var(--mono);font-size:.78rem;color:rgba(255,255,255,.8)}
.fgrid a:hover{color:var(--orange)}
.fbot{display:flex;justify-content:space-between;align-items:center;margin-top:36px;padding-top:22px;border-top:1px solid rgba(255,255,255,.14);font-family:var(--mono);font-size:.68rem;color:rgba(255,255,255,.55);text-transform:uppercase;letter-spacing:.05em;flex-wrap:wrap;gap:12px}
.pay{display:inline-flex;gap:8px;align-items:center}
.pay span{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2);border-radius:7px;padding:4px 9px;font-size:.62rem;letter-spacing:.06em}
@media(max-width:760px){.fgrid{grid-template-columns:1fr 1fr}}

/* ---- reveal-on-scroll ---- */
.rv{opacity:0;transform:translateY(26px);transition:opacity .85s cubic-bezier(.2,.8,.2,1),transform .85s cubic-bezier(.2,.8,.2,1)}
.rv.in{opacity:1;transform:none}
.still .rv{opacity:1;transform:none}
.no-js .rv{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.rv{opacity:1;transform:none}#load{display:none}}

/* =========================================================================
   PUENTE WOOCOMMERCE — para que la tienda/ficha/carrito/checkout reales
   adopten el lenguaje C8. Solo presentacion (no toca logica de WC).
   ========================================================================= */
main#primary{display:block}
.site-main.section{padding-block:64px}

/* Cabecera de catalogo (archive/categoria) */
.st-catalog__head{margin-bottom:26px;border-bottom:1px solid var(--line-ink);padding-bottom:18px}
.st-catalog__title{font-family:var(--display);font-weight:700;font-size:clamp(1.7rem,3.4vw,2.6rem);letter-spacing:-.03em;margin:0 0 6px;color:var(--ink)}
/* En BUSQUEDA de productos, WooCommerce repite el titulo en su propio header
   (.woocommerce-products-header). Ya lo pintamos en .st-catalog__head con los
   chips, asi que ocultamos el duplicado (las categorias no generan este header). */
.st-catalog .woocommerce-products-header{display:none}
.woocommerce-products-header__title{font-family:var(--display)}
.st-catalog__toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;margin:0 0 22px}
.woocommerce-result-count{margin:0;font-family:var(--mono);font-size:.7rem;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
.woocommerce-ordering select{font-family:var(--mono);font-size:.72rem;border:1px solid var(--line-ink);border-radius:999px;padding:9px 16px;background:var(--white);color:var(--ink)}

/* Grid de productos WC -> mismo grid del prototipo */
.woocommerce ul.products,.woocommerce-page ul.products{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin:0;padding:0;list-style:none}
/* WooCommerce mete un clearfix (::before/::after con content) en ul.products.
   En un contenedor grid esos pseudo se vuelven ITEMS fantasma: el ::before
   ocupa la 1a celda y deja el primer hueco vacio descuadrando toda la fila.
   Se anulan para que la retícula empiece en el primer producto real. */
.woocommerce ul.products::before,.woocommerce ul.products::after,.woocommerce-page ul.products::before,.woocommerce-page ul.products::after{display:none;content:none}
.woocommerce ul.products.columns-1{grid-template-columns:1fr}
.woocommerce ul.products.columns-2{grid-template-columns:repeat(2,1fr)}
.woocommerce ul.products.columns-3{grid-template-columns:repeat(3,1fr)}
.woocommerce ul.products li.product,.woocommerce-page ul.products li.product{margin:0!important;width:auto!important;float:none!important;border:1px solid var(--line);border-radius:16px;background:var(--white);overflow:hidden;display:flex;flex-direction:column;position:relative;transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s,border-color .4s}
.woocommerce ul.products li.product:hover{transform:translateY(-4px);box-shadow:0 18px 44px -38px rgba(0,24,16,.4);border-color:var(--line-ink)}
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link{display:block;flex:0 0 auto}
.woocommerce ul.products li.product img{width:100%;aspect-ratio:1/1;object-fit:cover;margin:0;background:var(--mist);border-radius:0}
.woocommerce ul.products li.product .st-card__eyebrow,.woocommerce ul.products li.product .product-card__cat{font-family:var(--mono);font-size:.6rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:14px 15px 0}
.woocommerce ul.products li.product .woocommerce-loop-product__title{font-family:var(--display);font-weight:600;font-size:.94rem;line-height:1.25;letter-spacing:-.01em;color:var(--ink);padding:0;margin:6px 15px 8px}
.woocommerce ul.products li.product .price{margin:0 15px 12px;color:var(--orange);font-family:var(--display);font-weight:700;font-size:1.2rem}
.woocommerce ul.products li.product .price del{color:var(--muted);opacity:.7;font-weight:400;font-size:.85em}
.woocommerce ul.products li.product .price ins{text-decoration:none}
.woocommerce ul.products li.product .button,.woocommerce ul.products li.product .added_to_cart{margin:auto 15px 15px;align-self:flex-start;font-family:var(--mono);font-size:.62rem;letter-spacing:.05em;text-transform:uppercase;background:var(--orange);color:var(--on-orange);border:1px solid var(--orange);font-weight:700;padding:9px 13px;border-radius:9px;text-decoration:none;display:inline-block;transition:background .25s}
.woocommerce ul.products li.product .button:hover,.woocommerce ul.products li.product .added_to_cart:hover{background:var(--orange-hover);color:var(--on-orange)}
.woocommerce ul.products li.product .onsale,.woocommerce span.onsale{position:absolute;top:11px;left:11px;right:auto;margin:0;min-width:0;min-height:0;background:var(--orange);color:#fff;font-family:var(--mono);font-size:.56rem;letter-spacing:.1em;text-transform:uppercase;padding:4px 9px;border-radius:999px;line-height:1.3;font-weight:700}
@media(max-width:980px){.woocommerce ul.products,.woocommerce-page ul.products{grid-template-columns:repeat(2,1fr)}}
@media(max-width:460px){.woocommerce ul.products,.woocommerce-page ul.products{grid-template-columns:1fr}}

/* Paginacion WC */
.woocommerce-pagination{margin-top:34px}
.woocommerce-pagination ul{display:flex;gap:6px;border:0;list-style:none;padding:0}
.woocommerce-pagination ul li{border:0;margin:0}
.woocommerce-pagination ul li a,.woocommerce-pagination ul li span{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;border:1px solid var(--line);border-radius:10px;background:var(--white);color:var(--ink);font-family:var(--mono);font-size:.75rem}
.woocommerce-pagination ul li span.current{background:var(--orange);border-color:var(--orange);color:#fff}

/* Ficha de producto */
.st-single{padding-block:20px 10px}
.woocommerce div.product{display:grid;gap:clamp(24px,4vw,48px)}
@media(min-width:768px){.woocommerce div.product{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:start}.woocommerce div.product .woocommerce-product-gallery{margin:0}
/* Galeria + summary forman la fila a 2 columnas; el resto (pestañas,
   up-sells y relacionados) ocupa el ANCHO COMPLETO debajo, en vez de
   quedar comprimido en media columna dejando una celda vacia. */
.woocommerce div.product>.woocommerce-tabs,.woocommerce div.product>.up-sells,.woocommerce div.product>.upsells,.woocommerce div.product>.related,.woocommerce div.product>.woocommerce-product-data,.woocommerce div.product>.product_meta{grid-column:1 / -1}}
.woocommerce div.product .product_title{font-family:var(--display);font-weight:700;font-size:clamp(1.5rem,3vw,2.1rem);letter-spacing:-.025em;color:var(--ink);margin:0 0 12px}
.woocommerce div.product p.price,.woocommerce div.product span.price{color:var(--orange);font-family:var(--display);font-weight:700;font-size:1.7rem}
.woocommerce div.product .woocommerce-product-details__short-description{color:var(--muted);margin:14px 0}
.woocommerce div.product form.cart{display:flex;gap:14px;align-items:center;flex-wrap:nowrap;margin:18px 0}
.woocommerce div.product form.cart::before,.woocommerce div.product form.cart::after{content:none;display:none}
.woocommerce div.product form.cart .quantity{display:flex;flex:0 0 auto;float:none;margin:0}
.woocommerce div.product form.cart .single_add_to_cart_button{float:none;margin:0;flex:0 1 auto}
.woocommerce .quantity .qty{border:1.5px solid var(--line);border-radius:999px;padding:0 14px;width:88px;min-height:52px;text-align:center;background:var(--white);font-family:var(--mono);font-weight:700;color:var(--ink)}
.woocommerce div.product .single_add_to_cart_button.button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;white-space:nowrap;font-family:var(--mono);font-size:.74rem;letter-spacing:.05em;text-transform:uppercase;background:var(--orange);border:1px solid var(--orange);color:var(--on-orange);padding:0 28px;border-radius:999px;font-weight:700;transition:background .25s}
.woocommerce div.product .single_add_to_cart_button.button:hover{background:var(--orange-hover)}
.woocommerce div.product .product_meta{font-family:var(--mono);font-size:.72rem;color:var(--muted);margin-top:16px;border-top:1px solid var(--line);padding-top:14px}
.st-distributor-note{margin:14px 0 0;padding:11px 14px;border:1px solid var(--line-ink);border-radius:10px;background:var(--bone);color:var(--ink);font-family:var(--mono);font-size:.72rem}
.woocommerce-tabs{margin-top:clamp(2rem,5vw,3.5rem)}
.woocommerce-tabs ul.tabs{border:0;padding:0;display:flex;gap:8px;flex-wrap:wrap}
.woocommerce-tabs ul.tabs li{background:var(--white);border:1px solid var(--line);border-radius:999px;margin:0}
.woocommerce-tabs ul.tabs li.active{background:var(--ink);border-color:var(--ink)}
.woocommerce-tabs ul.tabs li.active a{color:#fff}
.woocommerce-tabs ul.tabs li a{font-family:var(--mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;padding:8px 16px}
.woocommerce-tabs ul.tabs::before{display:none}
.related.products,.upsells.products{margin-top:clamp(2rem,5vw,3.5rem)}
.related.products>h2,.upsells.products>h2{font-family:var(--display);font-size:1.4rem;margin-bottom:20px}

/* Chips de filtro de categoria (catalogo WC) — mismo look que .chip del proto */
.st-chips{margin:0 0 26px}
.st-chips__list{display:flex;flex-wrap:wrap;gap:9px;list-style:none;margin:0;padding:0}
.st-chip{font-family:var(--mono);font-size:.7rem;letter-spacing:.05em;text-transform:uppercase;padding:9px 17px;border-radius:999px;border:1px solid var(--line-ink);background:transparent;color:var(--ink);text-decoration:none;display:inline-block;transition:background .3s,color .3s,border-color .3s,transform .3s}
.st-chip:hover{transform:translateY(-1px);border-color:var(--ink)}
.st-chip--active,.st-chip[aria-current="page"]{background:var(--orange);color:var(--on-orange);border-color:var(--orange)}

/* Sellos de la card de catalogo WC */
.st-badge{position:absolute;top:11px;left:11px;z-index:2;font-family:var(--mono);font-size:.56rem;letter-spacing:.1em;text-transform:uppercase;padding:4px 9px;border-radius:999px;font-weight:700;background:var(--orange);color:var(--on-orange)}
.st-badge--featured{background:rgba(255,255,255,.92);color:var(--ink);border:1px solid var(--line-ink);font-weight:400}
.st-catalog{padding-block:8px}
.st-card .st-card__eyebrow{margin:14px 15px 0}

/* Notices WC */
.woocommerce-message,.woocommerce-info,.woocommerce-error{border-radius:10px;font-family:var(--display)}
.woocommerce-message{border-top-color:var(--orange)}

/* =========================================================================
   PAGINAS Y ENTRADAS (page.php / single.php): legales, Carrito, Checkout,
   Mi cuenta, blog. Scroll/cursor normales (no motion). Solo presentacion.
   ========================================================================= */
.page-article__head,.post-single__head{margin-bottom:26px;border-bottom:1px solid var(--line-ink);padding-bottom:16px}
.page-article__title,.post-single__head h1{font-family:var(--display);font-weight:700;font-size:clamp(1.7rem,3.4vw,2.6rem);letter-spacing:-.03em;color:var(--ink)}
.post-meta{font-family:var(--mono);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:0 0 8px}
.post-single__thumb{margin:0 0 26px;border-radius:16px;overflow:hidden;border:1px solid var(--line)}
.entry-content{font-size:1.02rem;line-height:1.7;color:var(--ink)}
.entry-content > *{margin-bottom:1.1em}
.entry-content > *:last-child{margin-bottom:0}
.entry-content h2{font-family:var(--display);font-size:clamp(1.4rem,2.6vw,1.9rem);margin:1.6em 0 .5em}
.entry-content h3{font-family:var(--display);margin:1.4em 0 .4em}
.entry-content a:not(.button):not(.wc-block-components-button):not(.wp-element-button){color:var(--orange);text-decoration:underline;text-underline-offset:2px}
.entry-content ul,.entry-content ol{margin:0 0 1.1em 1.2em;padding-left:1em;list-style:revert}
.entry-content li{margin-bottom:.4em}
.entry-content img{border-radius:12px}
.entry-content blockquote{margin:1.5em 0;padding:.6em 1.2em;border-left:3px solid var(--orange);background:var(--bone);border-radius:0 10px 10px 0}
.page-links{display:flex;gap:.4rem;margin-top:1.5rem}

/* Botones del bloque WooCommerce (carrito/checkout) en CTA naranja C8 */
.entry-content .wc-block-components-button.contained,
.entry-content .wc-block-cart__submit-button .wc-block-components-button,
.entry-content .wp-block-woocommerce-checkout-actions-block .wc-block-components-button,
.woocommerce #respond input#submit,.woocommerce a.button.alt,.woocommerce button.button.alt{background:var(--orange) !important;color:var(--on-orange) !important;border-radius:999px !important;text-decoration:none !important;border:0 !important}
.entry-content .wc-block-components-button.contained:hover,.woocommerce a.button.alt:hover,.woocommerce button.button.alt:hover{filter:brightness(.95)}
.placeholder-note{font-family:var(--mono);font-size:.8rem;color:var(--muted);border:1px dashed var(--line-ink);border-radius:12px;padding:18px;text-align:center}

/* Producto no comprable (agotado/variable) en la home: estilo fantasma, no naranja llamativo */
.add.is-view{background:transparent;color:var(--ink);border:1px solid var(--line-ink)}
.add.is-view:hover{background:var(--ink);color:#fff;border-color:var(--ink)}

/* =========================================================================
   RESPONSIVE / TÁCTIL / SEGURIDAD (auditoría UX)
   ========================================================================= */
/* Trust strip: pista visual de que hay scroll horizontal en movil */
@media(max-width:760px){
  .trust .tw{-webkit-overflow-scrolling:touch;mask-image:linear-gradient(90deg,#000 86%,transparent);-webkit-mask-image:linear-gradient(90deg,#000 86%,transparent)}
}

/* Targets tactiles >=44px en controles del catalogo/cards en movil */
@media(max-width:760px){
  .chip,.st-chip{min-height:44px;display:inline-flex;align-items:center}
  .card .add,.heroe .add,.hcard .add{min-height:44px;display:inline-flex;align-items:center;justify-content:center}
  a.cart{width:44px;height:44px}
  .search-toggle{width:44px;height:44px}
  .site-search{padding:12px 16px}
  .st-search-form input[type=search],.st-search-form button{min-height:46px}
}

/* Tablas clasicas de WooCommerce (cuenta/pedidos/cupones) apiladas en movil.
   El carrito/checkout usan bloques (ya responsive); esto cubre el resto. */
@media(max-width:600px){
  .woocommerce table.shop_table thead{position:absolute;left:-9999px}
  .woocommerce table.shop_table,
  .woocommerce table.shop_table tbody,
  .woocommerce table.shop_table tr,
  .woocommerce table.shop_table td,
  .woocommerce table.shop_table th{display:block;width:100%!important}
  .woocommerce table.shop_table tr{border:1px solid var(--line);border-radius:12px;margin-bottom:12px;padding:6px 12px}
  .woocommerce table.shop_table td{text-align:right;border:0;padding:8px 0;position:relative;padding-left:42%}
  .woocommerce table.shop_table td::before{content:attr(data-title);position:absolute;left:0;top:8px;font-family:var(--mono);font-size:.66rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);text-align:left}
}

/* Asegura que ningun bloque de contenido desborde horizontalmente en movil */
.entry-content,.entry-content .woocommerce{max-width:100%}
.entry-content img,.entry-content table,.entry-content iframe{max-width:100%}

/* ---- 404 / sin resultados ---- */
.st-404{max-width:720px;margin:0 auto;text-align:center;padding:clamp(20px,5vw,48px) 0}
.st-404__code{font-family:var(--mono);font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;color:var(--orange);display:block;margin-bottom:14px}
.st-404__title{font-family:var(--display);font-weight:700;font-size:clamp(1.9rem,4.4vw,3rem);letter-spacing:-.03em;line-height:1.05;color:var(--ink);margin:0 0 16px}
.st-404__lead{color:var(--muted);font-size:1.02rem;line-height:1.6;margin:0 auto 26px;max-width:540px}
.st-404__search{display:flex;gap:10px;max-width:480px;margin:0 auto 24px;flex-wrap:wrap}
.st-404__search input[type=search]{flex:1 1 220px;min-width:0;border:1.5px solid var(--line-ink);border-radius:999px;padding:13px 18px;background:var(--white);color:var(--ink);font-family:var(--mono);font-size:.8rem;min-height:50px}
.st-404__search input[type=search]:focus{outline:2px solid var(--orange);outline-offset:1px;border-color:var(--orange)}
.st-404__search button{flex:0 0 auto;font-family:var(--mono);font-size:.74rem;letter-spacing:.05em;text-transform:uppercase;font-weight:700;background:var(--orange);color:var(--on-orange);border:1px solid var(--orange);border-radius:999px;padding:0 24px;min-height:50px;cursor:pointer;transition:background .25s}
.st-404__search button:hover{background:var(--orange-hover)}
.st-404__cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:30px}
.st-404__cats{display:flex;gap:9px;justify-content:center;align-items:center;flex-wrap:wrap}
.st-404__cats-label{font-family:var(--mono);font-size:.7rem;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}

/* Estado "sin resultados" del catalogo/busqueda (loop/no-products-found). */
.st-empty{max-width:620px;margin:8px auto;text-align:center;padding:clamp(16px,4vw,36px) 0}
.st-empty__code{font-family:var(--mono);font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;color:var(--orange);display:block;margin-bottom:12px}
.st-empty__lead{color:var(--muted);font-size:1rem;line-height:1.6;margin:0 auto 22px;max-width:480px}
.st-empty .st-search-form{margin:0 auto 22px}
.st-empty__cats{display:flex;gap:9px;justify-content:center;align-items:center;flex-wrap:wrap}
.st-empty__cats-label{font-family:var(--mono);font-size:.7rem;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}

/* -------------------------------------------------------------------------
 * Mi cuenta (shortcode clasico de WooCommerce). Todo SCOPEADO a
 * .woocommerce-account para no afectar al catalogo ni a los bloques de
 * carrito/checkout. Solo presentacion (layout + look C8 de nav/forms).
 * ----------------------------------------------------------------------- */
.woocommerce-account .woocommerce{display:grid;gap:clamp(22px,4vw,44px)}
/* WooCommerce mete float:left/30% en la nav y float:right/68% en el content;
   eso pelea con el grid e invierte/comprime las columnas. Se resetea. */
.woocommerce-account .woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce-MyAccount-content{float:none;width:auto;margin:0;min-width:0}
@media(min-width:860px){
  .woocommerce-account .woocommerce{grid-template-columns:230px minmax(0,1fr);align-items:start}
  /* Asignacion explicita: nav SIEMPRE col1, contenido col2 (sin depender del
     orden del DOM ni de los floats que WooCommerce inyecta). */
  .woocommerce-account .woocommerce-MyAccount-navigation{grid-column:1;grid-row:1}
  .woocommerce-account .woocommerce-MyAccount-content{grid-column:2;grid-row:1}
}

/* Navegacion de cuenta: tarjetas C8 (sin vinetas). */
.woocommerce-MyAccount-navigation ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.woocommerce-MyAccount-navigation li{margin:0}
.woocommerce-MyAccount-navigation li a{display:block;padding:11px 16px;border:1px solid var(--line);border-radius:10px;background:var(--white);font-family:var(--mono);font-size:.72rem;letter-spacing:.05em;text-transform:uppercase;text-decoration:none;transition:background .25s,border-color .25s,color .25s}
/* Color con especificidad suficiente para ganar a .entry-content a:not(...). */
.entry-content .woocommerce-MyAccount-navigation li a:not(.button):not(.wc-block-components-button):not(.wp-element-button){color:var(--ink);text-decoration:none}
.entry-content .woocommerce-MyAccount-navigation li.is-active a:not(.button):not(.wc-block-components-button):not(.wp-element-button){color:var(--on-orange)}
.woocommerce-MyAccount-navigation li a:hover{border-color:var(--line-ink)}
.woocommerce-MyAccount-navigation li.is-active a{background:var(--orange);border-color:var(--orange)}

/* Campos de formularios de cuenta/login/direcciones en look C8. */
.woocommerce-account .woocommerce label{font-family:var(--mono);font-size:.7rem;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
.woocommerce-account .woocommerce input.input-text,
.woocommerce-account .woocommerce input[type=email],
.woocommerce-account .woocommerce input[type=password],
.woocommerce-account .woocommerce input[type=text],
.woocommerce-account .woocommerce input[type=tel],
.woocommerce-account .woocommerce select,
.woocommerce-account .woocommerce textarea{width:100%;border:1.5px solid var(--line-ink);border-radius:10px;padding:12px 14px;background:var(--white);color:var(--ink);min-height:48px}
.woocommerce-account .woocommerce input:focus,
.woocommerce-account .woocommerce select:focus,
.woocommerce-account .woocommerce textarea:focus{outline:2px solid var(--orange);outline-offset:1px;border-color:var(--orange)}
.woocommerce-account .woocommerce fieldset{border:1px solid var(--line);border-radius:12px;padding:18px;margin-top:18px}
.woocommerce-account .woocommerce fieldset legend{font-family:var(--display);font-weight:700;font-size:1.05rem;padding:0 8px}

/* Boton primario de cuenta (Guardar, Acceder, Registrarse): pildora naranja. */
.woocommerce-account .woocommerce button.button,
.woocommerce-account .woocommerce input[type=submit]{display:inline-flex;align-items:center;justify-content:center;min-height:48px;font-family:var(--mono);font-size:.72rem;letter-spacing:.05em;text-transform:uppercase;font-weight:700;background:var(--orange);color:var(--on-orange);border:1px solid var(--orange);border-radius:999px;padding:0 24px;cursor:pointer;transition:background .25s}
.woocommerce-account .woocommerce button.button:hover,
.woocommerce-account .woocommerce input[type=submit]:hover{background:var(--orange-hover)}

/* Cajas de direcciones (Direcciones de envio/facturacion). */
.woocommerce-account .woocommerce-Addresses{display:grid;gap:18px}
@media(min-width:680px){.woocommerce-account .woocommerce-Addresses{grid-template-columns:1fr 1fr}}
.woocommerce-account address{font-style:normal;border:1px solid var(--line);border-radius:12px;padding:16px;background:var(--white);color:var(--ink)}