/* ============================================================
   INCRENOVA · Página de tienda (nuevo diseño)
   Mismo sistema de diseño que la ficha del producto.
   Portado desde tienda-increnova-nuevo.html; todo escopado a .tienda-page
   para no pisar el markup de plugins de terceros.
   ============================================================ */
:root{--azul:#2270B7; --azul-700:#1A5A93; --azul-900:#143C63; --tinta-900:#0E1621;
  --celeste:#63A4FF; --celeste-claro:#9FD0F5;
  --tinta:#202020; --gris:#5B6573; --gris-2:#8A93A0;
  --linea:#E6EAEF; --linea-2:#D3DBE4;
  --fondo:#FFFFFF; --suave:#F4F8FC; --suave-2:#EAF2FA;
  --verde:#1C9D5F; --verde-suave:#EAF7F0; --naranja:#FF6B2C;
  --oro-bg:#FFF4D6; --oro-tx:#7A5A00;
  --s1:4px; --s2:8px; --s3:12px; --s4:16px; --s5:20px; --s6:24px; --s7:32px; --s8:40px; --s9:56px; --s10:72px;
  --r-xs:8px; --r-sm:10px; --r:14px; --r-lg:18px; --r-xl:22px; --r-pill:999px;
  --sh-1:0 1px 2px rgba(20,40,70,.06); --sh-2:0 6px 20px rgba(20,40,70,.08); --sh-3:0 18px 44px rgba(20,40,70,.14);
  --f-display:"Poppins",system-ui,sans-serif; --f-body:"Roboto",system-ui,sans-serif;
  --f-data:"Roboto Mono",ui-monospace,SFMono-Regular,Menlo,monospace;}
.tienda-page *,.tienda-page *::before,.tienda-page *::after{box-sizing:border-box}
html{overflow-x:clip; scroll-behavior:smooth; scroll-padding-top:calc(var(--hdr,85px) + var(--tb,57px) + 12px)}
.tienda-page{display:block; width:100%; max-width:100%; min-width:0; margin:0; font-family:var(--f-body); color:var(--tinta); background:var(--fondo); line-height:1.55; -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; overflow-x:hidden; overflow-x:clip}
.tienda-page > .topbar,.tienda-page > header,.tienda-page > main,.tienda-page > footer{width:100%; max-width:100%; min-width:0}
.tienda-page h1,.tienda-page h2,.tienda-page h3,.tienda-page h4{font-family:var(--f-display); margin:0; line-height:1.18; letter-spacing:-.01em}
.tienda-page img{max-width:100%; display:block}
.tienda-page a{color:inherit}
.tienda-page button{font:inherit}
.tienda-page .wrap{max-width:1140px; margin:0 auto; padding:0 var(--s5)}
.tienda-page :focus-visible{outline:3px solid var(--celeste); outline-offset:2px; border-radius:6px}
.tienda-page .skip{position:absolute; left:-9999px; top:0; z-index:100; background:var(--azul); color:#fff; padding:12px 18px; border-radius:0 0 var(--r-sm) 0; font-family:var(--f-display); font-weight:600}
.tienda-page .skip:focus{left:0}
.tienda-page .data{font-family:var(--f-data); font-variant-numeric:tabular-nums; letter-spacing:-.02em}
.tienda-page .sr{position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap}
.tienda-page .topbar{background:var(--azul-900); color:#fff; position:relative; overflow:hidden}
.tienda-page .topbar-inner{width:100%; max-width:100%; min-width:0; display:flex; align-items:center; justify-content:center; padding:10px 18px; font-size:13px; font-weight:500; line-height:1; overflow-x:auto; scrollbar-width:none}
.tienda-page .topbar-inner::-webkit-scrollbar{display:none}
.tienda-page .trust-item{display:inline-flex; align-items:center; gap:8px; white-space:nowrap; padding:0 18px}
.tienda-page .trust-item svg{width:16px; height:16px; flex:none}
.tienda-page .trust-item b{font-weight:700; color:#FFD27A}
.tienda-page .tdiv{width:1px; height:15px; background:rgba(255,255,255,.2); flex:none}
@media(max-width:640px){
  .tienda-page .topbar-inner{justify-content:flex-start}
  .tienda-page .topbar::after{content:""; position:absolute; top:0; right:0; bottom:0; width:34px; background:linear-gradient(90deg,transparent,var(--azul-900)); pointer-events:none}
}
.tienda-page header{position:sticky; top:0; z-index:40; background:#fff; border-bottom:1px solid var(--linea)}
.tienda-page header .wrap{display:flex; align-items:center; justify-content:space-between; gap:var(--s4); padding:12px var(--s5)}
@media(max-width:480px){
  .tienda-page .brand img{height:38px}
}
.tienda-page .brand{display:inline-flex; align-items:center; gap:10px; text-decoration:none; flex:none}
.tienda-page .brand img{width:60px; height:auto; display:block; flex:none}
.tienda-page .brand-text{display:flex; flex-direction:column; justify-content:center}
.tienda-page .brand-name{font-family:"Nunito",system-ui,sans-serif; font-size:25px; font-weight:700; line-height:1; color:#000}
.tienda-page .brand-tagline{font-family:"Nunito Sans",system-ui,sans-serif; font-size:14px; font-weight:400; line-height:1.2; color:#b9bdbd; margin-top:3px}
@media(max-width:480px){
  .tienda-page .brand{gap:8px}
  .tienda-page .brand img{width:44px}
  .tienda-page .brand-name{font-size:20px}
  .tienda-page .brand-tagline{font-size:11px}
}
/* Aviso nativo de WooCommerce ("Store Notice"): esta plantilla no carga el CSS general de WooCommerce. */
.tienda-page .woocommerce-store-notice{position:relative; z-index:41; background:var(--tinta-900); color:#fff; text-align:center; font-size:13px; padding:9px var(--s5); margin:0}
.tienda-page .woocommerce-store-notice a{color:var(--celeste-claro); text-decoration:underline}
.tienda-page .woocommerce-store-notice__dismiss-link{color:#fff; margin-left:14px; text-decoration:underline}
.tienda-page .minav{display:flex; gap:2px; font-size:13.5px; font-weight:500; overflow-x:auto; scrollbar-width:none}
.tienda-page .minav::-webkit-scrollbar{display:none}
.tienda-page .minav a{text-decoration:none; color:var(--gris); padding:7px 12px; border-radius:var(--r-pill); white-space:nowrap; transition:background .15s,color .15s}
.tienda-page .minav a:hover{color:var(--azul); background:var(--suave)}
.tienda-page .minav a[aria-current="true"]{color:var(--azul); background:var(--suave-2); font-weight:600}
@media(max-width:880px){
  .tienda-page header .wrap{flex-wrap:wrap; padding-bottom:8px}
  .tienda-page .minav{order:3; width:100%; margin:0 -4px; padding:2px 4px 4px}
}
.tienda-page .shophero{padding:var(--s6) 0 var(--s5); border-bottom:1px solid var(--linea); background:linear-gradient(180deg,var(--suave) 0%,#fff 100%)}
.tienda-page .crumbs{font-size:12.5px; color:var(--gris-2); margin-bottom:var(--s4)}
.tienda-page .crumbs ol{list-style:none; margin:0; padding:0; display:flex; gap:8px; flex-wrap:wrap}
.tienda-page .crumbs li+li::before{content:"/"; margin-right:8px; color:var(--linea-2)}
.tienda-page .crumbs a{text-decoration:none; color:var(--gris)}
.tienda-page .crumbs a:hover{color:var(--azul)}
.tienda-page .eyebrow{font-family:var(--f-data); font-weight:500; font-size:12px; letter-spacing:2px; text-transform:uppercase; color:var(--azul); margin-bottom:var(--s2)}
.tienda-page .shophero h1{font-size:34px; font-weight:800; max-width:720px}
.tienda-page .shophero h1 span{color:var(--azul)}
.tienda-page .shophero .lead{color:var(--gris); font-size:16px; max-width:640px; margin:10px 0 var(--s5)}
.tienda-page .proof{display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1px; background:var(--linea); border:1px solid var(--linea); border-radius:var(--r); overflow:hidden; max-width:880px}
.tienda-page .proof > div{background:#fff; padding:14px 16px}
.tienda-page .proof .v{font-family:var(--f-display); font-weight:800; font-size:21px; line-height:1.1; font-variant-numeric:tabular-nums}
.tienda-page .proof .v em{font-style:normal; color:#F5A623}
.tienda-page .proof .k{font-size:12px; color:var(--gris); margin-top:4px}
@media(max-width:760px){
  .tienda-page .proof{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .tienda-page .shophero h1{font-size:27px}
}
@media(max-width:480px){
  .tienda-page .shophero h1{font-size:23px}
  .tienda-page .shophero .lead{font-size:14.5px}
  .tienda-page .proof .v{font-size:18px}
}
.tienda-page .toolbar{position:sticky; top:var(--hdr,85px); z-index:30; background:rgba(255,255,255,.96); backdrop-filter:blur(8px); border-bottom:1px solid var(--linea)}
.tienda-page .toolbar .wrap{display:flex; align-items:center; justify-content:space-between; gap:10px var(--s4); padding:10px var(--s5); flex-wrap:wrap}
.tienda-page .uselbl{order:1; font-family:var(--f-display); font-weight:600; font-size:13px; color:var(--tinta); white-space:nowrap}
.tienda-page .chips{order:3; display:flex; flex-wrap:wrap; gap:8px; flex:0 0 100%; min-width:0}
.tienda-page .chips::-webkit-scrollbar{display:none}
.tienda-page .chip{display:inline-flex; align-items:center; gap:7px; white-space:nowrap; border:1.5px solid var(--linea); background:#fff; color:var(--gris); border-radius:var(--r-pill); padding:7px 13px; font-family:var(--f-display); font-weight:600; font-size:12.5px; cursor:pointer; transition:all .15s}
.tienda-page .chip svg{width:15px; height:15px; stroke:currentColor; fill:none; stroke-width:2; stroke-linecap:round; stroke-linejoin:round}
.tienda-page .chip:hover{border-color:var(--azul); color:var(--azul)}
.tienda-page .chip[aria-pressed="true"]{background:var(--azul); border-color:var(--azul); color:#fff}
.tienda-page .sort{order:2; display:flex; align-items:center; gap:8px; font-size:13px; color:var(--gris)}
.tienda-page .sort select{font-family:var(--f-display); font-weight:600; font-size:13px; color:var(--tinta); border:1.5px solid var(--linea); border-radius:var(--r-sm); padding:8px 30px 8px 12px; background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%232270B7' stroke-width='3'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 10px center; appearance:none; cursor:pointer}
@media(max-width:640px){
  .tienda-page .uselbl{display:none}
  .tienda-page .toolbar .wrap{gap:10px}
  /* Mobile: una fila de chips que se desliza horizontalmente (nunca más ancha que la pantalla) */
  .tienda-page .chips{order:2; flex-wrap:nowrap; overflow-x:auto; scrollbar-width:none}
  .tienda-page .sort{order:1; width:100%; justify-content:space-between}
}
.tienda-page .resultbar{display:flex; align-items:center; gap:10px; flex-wrap:wrap; padding:var(--s5) 0 var(--s4); font-size:13.5px; color:var(--gris)}
.tienda-page .resultbar .count{font-family:var(--f-data); font-weight:700; color:var(--tinta)}
.tienda-page .applied{display:flex; gap:8px; flex-wrap:wrap}
.tienda-page .applied button{display:inline-flex; align-items:center; gap:6px; background:var(--suave-2); color:var(--azul); border:0; border-radius:var(--r-pill); padding:5px 10px 5px 12px; font-family:var(--f-display); font-weight:600; font-size:12px; cursor:pointer}
.tienda-page .applied button::after{content:"×"; font-size:15px; line-height:1}
.tienda-page .applied .clear{background:none; color:var(--gris); text-decoration:underline; padding:5px 4px}
.tienda-page .applied .clear::after{content:none}
.tienda-page .grid{display:grid; grid-template-columns:minmax(0,1fr); gap:var(--s6); padding-bottom:var(--s9)}
.tienda-page .card{border:1px solid var(--linea); border-radius:var(--r-lg); background:#fff; overflow:hidden; display:flex; flex-direction:column; transition:box-shadow .2s,border-color .2s}
.tienda-page .card:hover{box-shadow:var(--sh-2); border-color:var(--linea-2)}
.tienda-page .cmedia{position:relative; background:var(--suave); aspect-ratio:1/1}
.tienda-page .strip{display:flex; height:100%; overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:none; scroll-behavior:smooth}
.tienda-page .strip::-webkit-scrollbar{display:none}
.tienda-page .strip a{flex:0 0 100%; scroll-snap-align:start; display:block}
.tienda-page .strip img{width:100%; height:100%; object-fit:contain}
.tienda-page .badges{position:absolute; left:12px; top:12px; display:flex; flex-direction:column; gap:6px; align-items:flex-start; pointer-events:none}
.tienda-page .bdg{background:rgba(255,255,255,.95); border:1px solid var(--linea); padding:5px 10px; border-radius:var(--r-pill); font-family:var(--f-display); font-weight:700; font-size:11.5px; box-shadow:var(--sh-1)}
.tienda-page .bdg.best{background:var(--azul); color:#fff; border-color:var(--azul)}
.tienda-page .bdg.off{background:var(--verde); color:#fff; border-color:var(--verde)}
.tienda-page .nav{position:absolute; top:50%; transform:translateY(-50%); width:36px; height:36px; border-radius:50%; border:1px solid var(--linea); background:rgba(255,255,255,.95); color:var(--azul); font-size:18px; cursor:pointer; display:flex; align-items:center; justify-content:center; transition:opacity .15s; box-shadow:var(--sh-1)}
.tienda-page .nav.prev{left:10px}
.tienda-page .nav.next{right:10px}
.tienda-page .nav:disabled{opacity:.35; cursor:default}
.tienda-page .ccount{position:absolute; right:12px; top:12px; background:rgba(14,22,33,.78); color:#fff; padding:4px 10px; border-radius:var(--r-pill); font-size:12px; font-weight:500; pointer-events:none}
.tienda-page .cthumbs{position:relative; display:flex; gap:8px; padding:12px var(--s4) 0; overflow-x:auto; scrollbar-width:none}
.tienda-page .cthumbs::-webkit-scrollbar{display:none}
@media(min-width:761px){
  .tienda-page .cthumbs{flex-wrap:wrap; overflow-x:visible}
}
.tienda-page .cthumbs button{flex:0 0 64px; width:64px; height:64px; padding:0; border:2px solid var(--linea); border-radius:var(--r-xs); background:#fff; overflow:hidden; cursor:pointer; opacity:.75; transition:opacity .15s,border-color .15s}
.tienda-page .cthumbs button:hover{opacity:1}
.tienda-page .cthumbs button[aria-current="true"]{border-color:var(--azul); opacity:1}
.tienda-page .cthumbs img{width:100%; height:100%; object-fit:cover}
.tienda-page .cbody{padding:var(--s5); display:flex; flex-direction:column; gap:12px; flex:1}
.tienda-page .crep{display:flex; align-items:center; gap:8px; flex-wrap:wrap; font-size:12.5px; color:var(--gris)}
.tienda-page .crep .stars{color:#F5A623; letter-spacing:1px}
.tienda-page .crep a{color:var(--azul); text-decoration:none; font-weight:500}
.tienda-page .cname{font-size:17px; font-weight:700}
.tienda-page .cname a{text-decoration:none}
.tienda-page .cname a:hover{color:var(--azul)}
.tienda-page .csub{color:var(--gris); font-size:13.5px; margin-top:-6px}
.tienda-page .specs{display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1px; background:var(--linea); border:1px solid var(--linea); border-radius:var(--r-sm); overflow:hidden}
.tienda-page .specs div{background:#fff; padding:8px 6px; text-align:center}
.tienda-page .specs b{display:block; font-family:var(--f-display); font-weight:800; font-size:14px; font-variant-numeric:tabular-nums}
.tienda-page .specs span{overflow-wrap:anywhere; display:block; font-family:var(--f-data); font-size:9.5px; letter-spacing:.6px; text-transform:uppercase; color:var(--gris-2); margin-top:2px}
.tienda-page .quiet{background:var(--suave); border:1px solid var(--suave-2); border-radius:var(--r-sm); padding:12px 14px; display:grid; gap:10px}
.tienda-page .quiet .qh{font-family:var(--f-data); font-size:10.5px; letter-spacing:1.2px; text-transform:uppercase; color:var(--azul); font-weight:700}
.tienda-page .quiet .qi{display:grid; grid-template-columns:30px minmax(0,1fr); gap:10px; align-items:start}
.tienda-page .quiet .qi svg{width:30px; height:30px; padding:6px; border-radius:8px; background:#fff; border:1px solid var(--suave-2); stroke:var(--azul); fill:none; stroke-width:2; stroke-linecap:round; stroke-linejoin:round}
.tienda-page .quiet b{display:block; font-family:var(--f-display); font-weight:700; font-size:13.5px; line-height:1.3}
.tienda-page .quiet span{display:block; font-size:12.5px; color:var(--gris); line-height:1.4; margin-top:2px}
.tienda-page .cprice .was{color:var(--gris); text-decoration:line-through; font-size:13.5px}
.tienda-page .cprice .now{font-family:var(--f-display); font-weight:800; font-size:28px; line-height:1.05; font-variant-numeric:tabular-nums}
.tienda-page .cprice .cuotas{color:var(--verde); font-weight:700; font-size:13.5px}
.tienda-page .cprice .noprice{font-family:var(--f-display); font-weight:600; color:var(--azul); text-decoration:none; font-size:15px}
.tienda-page .cperks{list-style:none; margin:0; padding:10px 0 0; border-top:1px dashed var(--linea); display:grid; gap:6px; font-size:12.5px; color:var(--gris)}
.tienda-page .cperks li{display:flex; gap:8px; align-items:center}
.tienda-page .cperks svg{width:15px; height:15px; flex:none; stroke:var(--verde); fill:none; stroke-width:2.4}
.tienda-page .cperks b{color:var(--tinta)}
.tienda-page .cstock{display:flex; align-items:center; gap:7px; font-size:12.5px; font-weight:600}
.tienda-page .cstock.ok{color:var(--verde)}
.tienda-page .cstock.ok i{background:var(--verde)}
.tienda-page .cstock.out{color:var(--naranja)}
.tienda-page .cstock.out i{background:var(--naranja)}
.tienda-page .cstock i{width:8px; height:8px; border-radius:50%; background:var(--gris-2)}
.tienda-page .cactions{display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:8px; margin-top:auto}
@media(max-width:430px),(min-width:761px) and (max-width:900px){
  .tienda-page .specs{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
}
@media(max-width:400px){
  .tienda-page .cactions{grid-template-columns:minmax(0,1fr)}
  .tienda-page .cactions .btn-primary{order:-1}
}
.tienda-page .btn{border:0; border-radius:var(--r-sm); font-family:var(--f-display); font-weight:700; font-size:14px; cursor:pointer; padding:12px 14px; min-height:46px; text-align:center; text-decoration:none; display:inline-flex; align-items:center; justify-content:center; transition:background .15s,transform .08s}
.tienda-page .btn:active{transform:translateY(1px)}
.tienda-page .btn-primary{background:var(--azul); color:#fff}
.tienda-page .btn-primary:hover{background:var(--azul-700)}
.tienda-page .btn-primary[disabled]{background:var(--linea-2); color:var(--gris); cursor:not-allowed}
.tienda-page .btn-ghost{background:#fff; color:var(--azul); border:1.5px solid var(--azul)}
.tienda-page .btn-ghost:hover{background:var(--suave-2)}
.tienda-page .btn.loading{opacity:.7; pointer-events:none}
.tienda-page .btn.added{background:var(--verde)}
.tienda-page .added_to_cart{display:none}
.tienda-page .cswatch{display:flex; align-items:center; gap:8px; font-size:12.5px; color:var(--gris)}
.tienda-page .cswatch .dot{width:18px; height:18px; border-radius:50%; border:2px solid #fff; box-shadow:0 0 0 1px var(--linea-2)}
.tienda-page .cswatch b{font-family:var(--f-display); font-weight:600; color:var(--tinta)}
.tienda-page .card > *,.tienda-page .cbody > *{min-width:0}
.tienda-page .card{display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.1fr); align-items:center; background:linear-gradient(90deg,var(--suave) 0 48%,#fff 48%)}
.tienda-page .card[hidden],.tienda-page .empty[hidden]{display:none}
.tienda-page .cgallery{align-self:center; min-width:0; padding-bottom:var(--s4)}
.tienda-page .cmedia{aspect-ratio:1/1; width:100%}
.tienda-page .cbody{padding:var(--s7); gap:16px; justify-content:center}
.tienda-page .cname{font-size:24px}
.tienda-page .cprice .now{font-size:36px}
@media(max-width:760px){
  .tienda-page .card{grid-template-columns:minmax(0,1fr); background:#fff}
  .tienda-page .cgallery{background:var(--suave)}
  .tienda-page .cbody{padding:var(--s5)}
  .tienda-page .cname{font-size:19px}
  .tienda-page .cprice .now{font-size:30px}
}
.tienda-page .empty{grid-column:1/-1; text-align:center; padding:var(--s9) var(--s5); border:1px dashed var(--linea-2); border-radius:var(--r-lg); color:var(--gris)}
.tienda-page .empty b{display:block; font-family:var(--f-display); color:var(--tinta); font-size:17px; margin-bottom:6px}
.tienda-page section.block{padding:var(--s9) 0}
.tienda-page .h2{font-size:27px; font-weight:700; margin-bottom:6px}
.tienda-page .lead2{color:var(--gris); font-size:15.5px; max-width:640px; margin:0 0 var(--s7)}
@media(max-width:480px){
  .tienda-page section.block{padding:var(--s7) 0}
  .tienda-page .h2{font-size:21px}
  .tienda-page .lead2{font-size:14.5px; margin-bottom:var(--s5)}
}
.tienda-page .method{display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:var(--s4)}
@media(max-width:880px){
  .tienda-page .method{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
}
@media(max-width:480px){
  .tienda-page .method{grid-template-columns:minmax(0,1fr)}
}
.tienda-page .mstep{border:1px solid var(--linea); border-radius:var(--r-lg); padding:var(--s5); background:#fff}
.tienda-page .mstep .n{font-family:var(--f-data); font-weight:700; font-size:11.5px; color:var(--azul); background:var(--suave-2); border-radius:6px; padding:3px 7px}
.tienda-page .mstep h3{font-size:15.5px; margin:12px 0 6px}
.tienda-page .mstep p{margin:0; color:var(--gris); font-size:13.5px}
.tienda-page .prio{margin-top:12px}
.tienda-page .prio .lbl{display:flex; justify-content:space-between; font-size:11px; color:var(--gris-2); margin-bottom:5px}
.tienda-page .prio .lbl strong{font-family:var(--f-data); color:var(--azul)}
.tienda-page .prio .bar{height:5px; border-radius:var(--r-pill); background:var(--linea); overflow:hidden}
.tienda-page .prio .bar i{display:block; height:100%; background:linear-gradient(90deg,var(--azul),var(--celeste))}
.tienda-page .cert{background:linear-gradient(135deg,var(--azul-900),var(--azul)); color:#fff; border-radius:var(--r-xl); padding:var(--s8); display:grid; grid-template-columns:minmax(0,1fr) auto; gap:var(--s7); align-items:center; box-shadow:var(--sh-3)}
.tienda-page .cert h2{font-size:26px; margin-bottom:10px}
.tienda-page .cert p{color:#D8E8F7; font-size:15px; margin:0 0 var(--s4)}
.tienda-page .cert ul{list-style:none; padding:0; margin:0; display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:9px 20px}
.tienda-page .cert li{display:flex; gap:10px; font-size:14px}
.tienda-page .cert li svg{flex:none; width:18px; height:18px; stroke:#7FE3B0; fill:none; stroke-width:2.2; margin-top:2px}
.tienda-page .cert .certlink{display:inline-block; margin-top:var(--s5); color:var(--celeste-claro); font-family:var(--f-display); font-weight:600; font-size:14px; text-decoration:none; border-bottom:1px solid rgba(159,208,245,.4)}
.tienda-page .cert-seal{width:150px; height:auto}
@media(max-width:760px){
  .tienda-page .cert{grid-template-columns:minmax(0,1fr); padding:28px 22px}
  .tienda-page .cert ul{grid-template-columns:minmax(0,1fr)}
  .tienda-page .cert-seal{width:110px; margin:0 auto; order:-1}
  .tienda-page .cert h2{font-size:21px}
}
.tienda-page .channels{display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:var(--s5)}
@media(max-width:760px){
  .tienda-page .channels{grid-template-columns:minmax(0,1fr)}
}
.tienda-page .chcard{border:1px solid var(--linea); border-radius:var(--r-lg); padding:var(--s6); background:#fff}
.tienda-page .chcard.web{border-color:var(--azul); box-shadow:0 0 0 1px var(--azul) inset}
.tienda-page .chcard h3{font-size:17px; margin-bottom:12px; display:flex; flex-wrap:wrap; align-items:center; gap:6px 10px}
.tienda-page .chcard .tag{font-family:var(--f-data); font-size:10.5px; letter-spacing:1px; text-transform:uppercase; background:var(--suave-2); color:var(--azul); padding:3px 8px; border-radius:6px}
.tienda-page .chcard ul{margin:0; padding:0; list-style:none; display:grid; gap:9px}
.tienda-page .chcard li{font-size:14px; color:var(--gris); position:relative; padding-left:16px}
.tienda-page .chcard li::before{content:""; position:absolute; left:0; top:8px; width:6px; height:6px; border-radius:50%; background:var(--azul)}
.tienda-page .chcard li b{color:var(--tinta)}
.tienda-page .chcard a{display:inline-block; margin-top:var(--s4); color:var(--azul); font-family:var(--f-display); font-weight:600; font-size:14px; text-decoration:none}
.tienda-page .resell{border:1px solid var(--linea-2); border-radius:var(--r-xl); padding:var(--s7); display:grid; grid-template-columns:minmax(0,1.3fr) minmax(0,1fr); gap:var(--s7); align-items:center; background:linear-gradient(120deg,#fff 0%,var(--suave) 100%)}
@media(max-width:760px){
  .tienda-page .resell{grid-template-columns:minmax(0,1fr); padding:var(--s6) var(--s5)}
}
.tienda-page .resell h2{font-size:24px; margin-bottom:8px}
.tienda-page .resell p{margin:0; color:var(--gris); font-size:15px}
.tienda-page .resell ul{list-style:none; margin:var(--s4) 0 0; padding:0; display:grid; gap:8px; font-size:14px}
.tienda-page .resell li{display:flex; gap:10px}
.tienda-page .resell li svg{width:18px; height:18px; flex:none; stroke:var(--azul); fill:none; stroke-width:2.2; margin-top:2px}
.tienda-page .resell .cta{display:grid; gap:10px}
.tienda-page .resell .cta small{color:var(--gris-2); font-size:12.5px; text-align:center}
.tienda-page .faq{display:grid; gap:var(--s3)}
.tienda-page details{border:1px solid var(--linea); border-radius:var(--r); background:#fff; overflow:hidden}
.tienda-page details[open]{border-color:var(--linea-2); box-shadow:var(--sh-1)}
.tienda-page summary{cursor:pointer; padding:16px 20px; font-family:var(--f-display); font-weight:600; font-size:15px; list-style:none; display:flex; justify-content:space-between; align-items:center; gap:var(--s4)}
.tienda-page summary::-webkit-details-marker{display:none}
.tienda-page summary::after{content:"+"; color:var(--azul); font-size:22px; font-weight:700; flex:none}
.tienda-page details[open] summary::after{content:"–"}
.tienda-page details p{padding:0 20px 18px; margin:0; color:var(--gris); font-size:14.5px}
.tienda-page details p a{color:var(--azul)}
.tienda-page footer{background:var(--suave); border-top:1px solid var(--linea); margin-top:var(--s5); padding:var(--s8) 0; color:var(--gris); font-size:13px; text-align:center}
.tienda-page footer a{color:inherit; text-decoration:none}
.tienda-page .foot-contact{display:flex; flex-direction:column; align-items:center; gap:var(--s3); margin:0 auto var(--s6); padding-bottom:var(--s6); border-bottom:1px solid var(--linea); max-width:520px}
.tienda-page .foot-contact b{font-family:var(--f-display); font-size:16px; color:var(--tinta)}
.tienda-page .foot-contact p{margin:0; font-size:13.5px; color:var(--gris)}
.tienda-page footer .foot-contact-btn{display:inline-flex; align-items:center; gap:8px; background:var(--azul); color:#fff; font-family:var(--f-display); font-weight:600; font-size:14px; padding:11px 22px; border-radius:var(--r-sm); transition:background .15s}
.tienda-page footer .foot-contact-btn:hover{background:var(--azul-700); color:#fff}
.tienda-page .foot-nav{display:flex; flex-wrap:wrap; justify-content:center; gap:10px 24px; margin-bottom:var(--s5)}
.tienda-page .foot-nav a{font-family:var(--f-display); font-weight:500; font-size:12.5px; letter-spacing:.4px; text-transform:uppercase; color:var(--tinta)}
.tienda-page .foot-nav a:hover{color:var(--azul)}
.tienda-page .foot-legal{margin:0 auto var(--s5); font-size:12.5px; max-width:760px}
.tienda-page .datafiscal{display:inline-block}
.tienda-page .datafiscal img{width:74px; height:auto; display:block}
@media(max-width:480px){
  .tienda-page .wrap{padding:0 var(--s4)}
  .tienda-page .toolbar .wrap{padding:10px var(--s4)}
}
@media(prefers-reduced-motion:reduce){
  .tienda-page *,.tienda-page *::before,.tienda-page *::after{animation:none!important; transition:none!important; scroll-behavior:auto!important}
}
/* Con la barra de administración de WordPress (sólo usuarios logueados) el header y los filtros sticky quedan debajo de ella */
.tienda-page.admin-bar header{top:32px}
.tienda-page.admin-bar .toolbar{top:calc(var(--hdr,85px) + 32px)}
@media(max-width:782px){
  .tienda-page.admin-bar header{top:46px}
  .tienda-page.admin-bar .toolbar{top:calc(var(--hdr,85px) + 46px)}
}
@media(max-width:600px){
  .tienda-page.admin-bar header{top:0}
  .tienda-page.admin-bar .toolbar{top:var(--hdr,85px)}
}