/* ============================================================
   GUAUFY — Brand layer (tokens + base + WooCommerce + helpers)
   Derivado del design system Miaufy+Guaufy (tema Guaufy).
   ============================================================ */
:root{
  /* raw */
  --gua-blanco:#FFFFFF; --gua-mostaza:#D4A843; --gua-naranja:#C4622D;
  --gua-marron:#5C3D2E; --gua-pizarra:#3D5A6C; --gua-arena:#F2EDE8;
  --gua-mostaza-tint:#F7EAC9; --gua-arena-deep:#E7DECF; --gua-naranja-deep:#A8521F;
  --gua-marron-soft:#7A5848; --gua-pizarra-tint:#DCE4E9;
  /* semantic */
  --brand-primary:var(--gua-naranja); --brand-primary-deep:var(--gua-naranja-deep);
  --brand-secondary:var(--gua-mostaza); --brand-accent:var(--gua-pizarra); --brand-on-primary:#fff;
  --surface-base:var(--gua-blanco); --surface-card:#fff; --surface-alt:var(--gua-arena);
  --surface-sunken:var(--gua-arena); --surface-invert:var(--gua-marron);
  --text-title:var(--gua-marron); --text-body:var(--gua-marron-soft); --text-muted:#9A8474;
  --text-on-invert:#fff; --text-price:var(--gua-naranja);
  --line:var(--gua-arena-deep); --line-strong:#D9CDBA;
  --accent-info:var(--gua-pizarra); --accent-info-bg:var(--gua-pizarra-tint);
  /* fonts */
  --font-display:'Bricolage Grotesque',system-ui,sans-serif;
  --font-ui:'Hanken Grotesk',system-ui,sans-serif;
  --font-body:'Hanken Grotesk',system-ui,sans-serif;
  /* shape */
  --radius-xs:4px; --radius-sm:6px; --radius-md:10px; --radius-lg:14px; --radius-btn:10px;
  --shadow-sm:0 1px 2px rgba(92,61,46,.06);
  --shadow-md:0 10px 22px -12px rgba(92,61,46,.20);
  --shadow-lg:0 26px 56px -26px rgba(92,61,46,.28);
  --container-max:1240px;
}

/* ---------- base typography ---------- */
body{font-family:var(--font-body);color:var(--text-body);background:var(--surface-base);}
h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--text-title);letter-spacing:-0.02em;font-weight:800;}
.gua-upper{text-transform:uppercase;}
a{color:var(--brand-primary);}
a:hover{color:var(--brand-primary-deep);}

/* ---------- buttons (genéricos + woo) ---------- */
.gua-btn,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,
.woocommerce #respond input#submit,.woocommerce a.button.alt,.woocommerce button.button.alt,
.wc-block-components-button{
  font-family:var(--font-ui)!important;font-weight:600!important;
  background:var(--brand-primary)!important;color:var(--brand-on-primary)!important;
  border:1.5px solid transparent!important;border-radius:var(--radius-btn)!important;
  text-transform:none!important;letter-spacing:.005em;transition:background .14s ease;
}
.gua-btn:hover,.woocommerce a.button:hover,.woocommerce button.button:hover,
.woocommerce a.button.alt:hover,.woocommerce button.button.alt:hover,
.wc-block-components-button:hover{background:var(--brand-primary-deep)!important;color:#fff!important;}

/* ---------- WooCommerce prices ---------- */
.woocommerce ul.products li.product .price,.woocommerce div.product p.price,
.woocommerce div.product span.price,.price ins{color:var(--text-price)!important;font-family:var(--font-ui);font-weight:700;}
.woocommerce div.product p.price del,.price del{color:var(--text-muted)!important;font-weight:400;}

/* ---------- WooCommerce product cards ---------- */
.woocommerce ul.products li.product{background:var(--surface-card);border:1px solid var(--line);
  border-radius:var(--radius-md);overflow:hidden;padding:0!important;transition:box-shadow .22s ease,transform .22s ease;}
.woocommerce ul.products li.product:hover{box-shadow:var(--shadow-md);transform:translateY(-3px);}
.woocommerce ul.products li.product a img{margin:0;border-radius:0;}
.woocommerce ul.products li.product .woocommerce-loop-product__title{font-family:var(--font-display)!important;
  color:var(--text-title);font-size:18px;font-weight:700;line-height:1.25;padding:14px 16px 4px;}
.woocommerce ul.products li.product .price{display:block;padding:0 16px;}
.woocommerce ul.products li.product .button,.woocommerce ul.products li.product .added_to_cart{margin:12px 16px 18px;display:inline-block;}
.woocommerce ul.products li.product .onsale{background:var(--brand-primary);color:#fff;border-radius:var(--radius-sm);
  font-family:var(--font-ui);font-weight:600;text-transform:uppercase;font-size:11.5px;letter-spacing:.04em;min-height:auto;min-width:auto;padding:5px 11px;top:12px;left:12px;right:auto;margin:0;}

/* ---------- forms / inputs ---------- */
.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,
.woocommerce .select2-container--default .select2-selection--single,select,input[type=text],input[type=email],input[type=tel]{
  border:1.5px solid var(--line-strong)!important;border-radius:var(--radius-sm)!important;font-family:var(--font-ui);}

/* ---------- helper blocks (para páginas Elementor) ---------- */
.gua-announce{background:var(--gua-marron);color:#fff;text-align:center;font-family:var(--font-ui);
  font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;padding:9px 12px;}
.gua-badge{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-ui);font-weight:600;
  font-size:11.5px;letter-spacing:.04em;text-transform:uppercase;padding:5px 11px;line-height:1;border-radius:var(--radius-sm);}
.gua-badge--offer{background:var(--brand-primary);color:#fff;}
.gua-badge--info{background:var(--accent-info-bg);color:var(--accent-info);}
.gua-eyebrow{font-family:var(--font-ui);font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;}

/* Elementor: títulos display + botones marca */
.elementor-heading-title{font-family:var(--font-display);letter-spacing:-0.02em;}
.elementor-widget-button .elementor-button{font-family:var(--font-ui);font-weight:600;border-radius:var(--radius-btn);}

/* contenedor */
.gua-container{max-width:var(--container-max);margin:0 auto;padding:0 24px;}

/* ---------- Archive hero banner (per-category image via body class) ---------- */
.gua-archero{height:300px;border-radius:20px;margin:6px 0 26px;position:relative;overflow:hidden;
  background:var(--gua-arena) center/cover no-repeat;box-shadow:var(--shadow-md);
  background-image:linear-gradient(115deg,rgba(92,61,46,.34),rgba(92,61,46,0) 60%),url(https://guaufy.com/wp-content/uploads/2026/07/guaufy-tienda.jpg)}
.tax-product_cat .elementor-widget-woocommerce-archive-title,.post-type-archive-product .elementor-widget-woocommerce-archive-title{margin-top:6px}
.tax-product_cat .elementor-widget-woocommerce-archive-title h1,.tax-product_cat .elementor-widget-woocommerce-archive-title h2{text-transform:uppercase}
/* main categories */
.term-snacks .gua-archero{background-image:linear-gradient(115deg,rgba(92,61,46,.34),rgba(92,61,46,0) 60%),url(https://guaufy.com/wp-content/uploads/2026/07/guaufy-snacks.jpg)}
.term-suplementos .gua-archero{background-image:linear-gradient(115deg,rgba(92,61,46,.34),rgba(92,61,46,0) 60%),url(https://guaufy.com/wp-content/uploads/2026/07/guaufy-suplementos.jpg)}
.term-accesorios .gua-archero{background-image:linear-gradient(115deg,rgba(92,61,46,.34),rgba(92,61,46,0) 60%),url(https://guaufy.com/wp-content/uploads/2026/07/guaufy-accesorios.jpg)}
/* snacks subcats */
.term-naturales .gua-archero,.term-filetes-y-tiras .gua-archero,.term-salmon .gua-archero,.term-orejas-y-masticables .gua-archero,.term-astas-y-huesos-duros .gua-archero,.term-formato-grande-1kg .gua-archero,.term-entrenamiento-y-premio .gua-archero,.term-cuidado-dental .gua-archero{background-image:linear-gradient(115deg,rgba(92,61,46,.34),rgba(92,61,46,0) 60%),url(https://guaufy.com/wp-content/uploads/2026/07/guaufy-snacks.jpg)}
/* suplementos subcats */
.term-articulaciones .gua-archero,.term-omega-y-aceites .gua-archero,.term-bienestar-y-comportamiento .gua-archero{background-image:linear-gradient(115deg,rgba(92,61,46,.34),rgba(92,61,46,0) 60%),url(https://guaufy.com/wp-content/uploads/2026/07/guaufy-suplementos.jpg)}
/* accesorios subcats */
.term-comederos-y-bebederos .gua-archero,.term-higiene-y-paseo .gua-archero,.term-higiene-dental .gua-archero,.term-higiene-y-bano .gua-archero{background-image:linear-gradient(115deg,rgba(92,61,46,.34),rgba(92,61,46,0) 60%),url(https://guaufy.com/wp-content/uploads/2026/07/guaufy-accesorios.jpg)}
.gua-archero{display:flex;align-items:flex-end;height:320px}
.post-type-archive-product .gua-archero::after,.tax-product_cat .gua-archero::after{content:"La tienda";position:relative;z-index:2;color:#fff;font-family:var(--font-display);font-weight:800;text-transform:uppercase;font-size:clamp(30px,4.4vw,52px);letter-spacing:-.02em;line-height:1;padding:0 0 30px 34px}
.term-accesorios .gua-archero::after{content:"Accesorios"}
.term-articulaciones .gua-archero::after{content:"Articulaciones"}
.term-astas-y-huesos-duros .gua-archero::after{content:"Astas y huesos"}
.term-bienestar-y-comportamiento .gua-archero::after{content:"Bienestar"}
.term-comederos-y-bebederos .gua-archero::after{content:"Comederos"}
.term-cremosos-y-liquidos .gua-archero::after{content:"Cremosos"}
.term-cuidado-dental .gua-archero::after{content:"Cuidado dental"}
.term-entrenamiento-y-premio .gua-archero::after{content:"Entrenamiento"}
.term-filetes-y-tiras .gua-archero::after{content:"Filetes y tiras"}
.term-formato-grande-1kg .gua-archero::after{content:"Formato 1kg"}
.term-gatos .gua-archero::after{content:"Gatos"}
.term-higiene-dental .gua-archero::after{content:"Higiene dental"}
.term-higiene-y-bano .gua-archero::after{content:"Higiene y baño"}
.term-higiene-y-paseo .gua-archero::after{content:"Higiene y paseo"}
.term-naturales .gua-archero::after{content:"Naturales"}
.term-omega-y-aceites .gua-archero::after{content:"Omega y aceites"}
.term-orejas-y-masticables .gua-archero::after{content:"Orejas y masticables"}
.term-salmon .gua-archero::after{content:"Salmón"}
.term-snacks .gua-archero::after{content:"Snacks"}
.term-snacks-gatos .gua-archero::after{content:"Snacks gato"}
.term-suplementos .gua-archero::after{content:"Suplementos"}
.term-cuidado-dental-snacks-gatos .gua-archero::after{content:"Cuidado dental"}

/* GUAUFY-CARD-IMG-FIX: mostrar imagen en tarjetas de producto */
.cat-card .cat-img{width:100%;aspect-ratio:4/3;height:auto;min-height:190px;background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:10px;cursor:pointer;display:block;background-color:#F2EDE8;transition:transform .3s ease;}
.cat-card:hover .cat-img{transform:scale(1.03);}
.wma-prod-card{overflow:hidden;}
.cat-card .wma-card-imglink{display:block;overflow:hidden;border-radius:10px;margin-bottom:4px;}

/* ---------- GUAUFY-HEADER-NAV-RESPONSIVE-FIX ----------
   El contenedor Elementor del nav (botones Snacks/Suplementos/Accesorios/
   Gatos/Recomendador/Blog) tenía flex-wrap:nowrap y se solapaba entre
   768px y el breakpoint mobile de Elementor. Se permite wrap y se reduce
   tipografía/gap en tablet para que quede legible sin tocar los
   breakpoints globales del kit. */
@media(max-width:1024px){
  .elementor-element-4fd0e21.e-con{flex-wrap:wrap!important;row-gap:6px!important;column-gap:14px!important;justify-content:center!important}
  .elementor-element-4fd0e21 .elementor-button-text{font-size:14px}
}
@media(max-width:600px){
  .elementor-element-4fd0e21.e-con{column-gap:10px!important}
  .elementor-element-4fd0e21 .elementor-button-text{font-size:13px}
}

/* ---------- CLUB GUAUFY: página /club ---------- */
.wac-club-page{max-width:760px;margin:0 auto;padding:48px 24px 64px;color:var(--body,#7A5848)}
.wac-club-page h1{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:42px;color:var(--title,#5C3D2E);text-transform:uppercase;letter-spacing:-.01em;margin-bottom:12px}
.wac-club-page .wac-club-lead{font-size:18px;line-height:1.5;color:var(--body,#7A5848);max-width:56ch;margin-bottom:20px}
.wac-club-page h2{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:24px;color:var(--title,#5C3D2E);margin:36px 0 14px;text-transform:uppercase}
.wac-club-page ul,.wac-club-page ol{padding-left:22px;display:flex;flex-direction:column;gap:10px;margin-bottom:10px}
.wac-club-page li{line-height:1.5}
.wac-club-page a{color:#C4622D;font-weight:600}
.wac-club-page a:hover{color:#A8521F}
.wac-club-page strong{color:var(--title,#5C3D2E)}

/* ---------- CLUB GUAUFY: CTA en la página /club ---------- */
.wac-club-page blockquote{border-left:3px solid #C4622D;padding:6px 0 6px 18px;margin:24px 0;font-style:italic;font-size:18px;color:#5C3D2E}
.wac-club-cta{margin:20px 0}
.wac-club-page .wac-btn--primary{display:inline-block;background:#C4622D;color:#fff;border:none;border-radius:999px;padding:14px 28px;font-size:15px;font-weight:700;text-decoration:none}
.wac-club-page .wac-btn--primary:hover{background:#A8521F}

/* ============ Paginación premium tienda (añadido) ============ */
.woocommerce-pagination{margin:56px 0 8px;text-align:center;}
.woocommerce-pagination ul.page-numbers{
  list-style:none;display:inline-flex;align-items:center;gap:8px;padding:8px;margin:0;
  background:#fff;border:1px solid var(--gua-arena-deep,#E7DECF);border-radius:999px;
  box-shadow:0 6px 24px rgba(60,40,25,.08),0 1px 3px rgba(60,40,25,.06);}
.woocommerce-pagination ul.page-numbers li{margin:0;border:0;display:inline-flex;}
.woocommerce-pagination .page-numbers{
  display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:44px;
  padding:0 6px;border-radius:999px;font-family:var(--font-ui,'Hanken Grotesk',sans-serif);
  font-size:15px;font-weight:700;line-height:1;text-decoration:none;color:var(--gua-marron,#5C3D2E);
  background:transparent;border:0;transition:background .18s ease,color .18s ease,transform .18s ease;}
.woocommerce-pagination a.page-numbers:hover{background:var(--gua-arena,#F2EDE8);color:var(--brand-primary,#C4622D);transform:translateY(-1px);}
.woocommerce-pagination .page-numbers.current{background:var(--brand-primary,#C4622D);color:#fff;
  box-shadow:0 4px 12px rgba(196,98,45,.35);}
.woocommerce-pagination .page-numbers.dots{min-width:24px;background:transparent;color:var(--text-body,#7A5848);cursor:default;box-shadow:none;}
.woocommerce-pagination .prev.page-numbers,.woocommerce-pagination .next.page-numbers{font-size:0;color:var(--gua-marron,#5C3D2E);}
.woocommerce-pagination .prev.page-numbers::before,.woocommerce-pagination .next.page-numbers::before{
  content:"";width:9px;height:9px;border-top:2.4px solid currentColor;border-right:2.4px solid currentColor;display:inline-block;}
.woocommerce-pagination .prev.page-numbers::before{transform:rotate(-135deg);margin-left:3px;}
.woocommerce-pagination .next.page-numbers::before{transform:rotate(45deg);margin-right:3px;}
.woocommerce-pagination .prev.page-numbers:hover,.woocommerce-pagination .next.page-numbers:hover{background:var(--brand-primary,#C4622D);color:#fff;}
@media(max-width:600px){
  .woocommerce-pagination ul.page-numbers{gap:3px;padding:6px;}
  .woocommerce-pagination .page-numbers{min-width:38px;height:38px;font-size:14px;}
}