/* =========================================================
   Packatelas · WooCommerce
   Traduce los estilos por defecto de la tienda a la paleta,
   tipografía y radios del resto del sitio.
   Se carga solo en las pantallas de tienda.
   ========================================================= */

.pkt-tienda{
  position:relative;z-index:3;margin-top:-62px;
  background:#fff;border:1px solid rgba(23,37,90,.1);border-radius:var(--radio);
  padding:clamp(22px,4vw,44px);box-shadow:0 16px 40px -30px rgba(23,37,90,.75)
}
@media(max-width:960px){.pkt-tienda{margin-top:-40px}}

/* ---------- Rejilla de productos ---------- */
.woocommerce ul.products{display:grid;gap:22px;margin:0;padding:0;list-style:none}
@media(min-width:640px){.woocommerce ul.products{grid-template-columns:repeat(2,1fr)}}
@media(min-width:960px){.woocommerce ul.products{grid-template-columns:repeat(3,1fr)}}
.woocommerce ul.products li.product{
  width:auto!important;margin:0!important;float:none!important;
  background:#fff;border:1px solid var(--gris-2);border-radius:18px;padding:16px;
  transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s
}
.woocommerce ul.products li.product:hover{transform:translateY(-4px);box-shadow:var(--sombra)}
.woocommerce ul.products li.product img{border-radius:13px;margin-bottom:12px}
.woocommerce ul.products li.product .woocommerce-loop-product__title{
  font-family:'Sora',sans-serif;font-size:.98rem;color:var(--azul);margin:0 0 6px;padding:0
}
.woocommerce ul.products li.product .price{color:var(--azul);font-weight:800;font-size:1.05rem}
.woocommerce ul.products li.product .price del{color:var(--texto-2);font-weight:600;opacity:.7}
.woocommerce ul.products li.product .price ins{text-decoration:none;color:var(--verde)}
.woocommerce span.onsale{
  background:var(--amarillo);color:var(--azul);font-family:'Sora',sans-serif;font-weight:800;
  border-radius:999px;padding:6px 14px;min-height:0;min-width:0;line-height:1.2;top:12px;left:12px;margin:0
}

/* ---------- Botones ---------- */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt{
  display:inline-flex;align-items:center;justify-content:center;gap:9px;
  font-family:'Manrope',sans-serif;font-weight:800;font-size:.95rem;
  padding:14px 26px;border-radius:999px;border:0;cursor:pointer;
  background:var(--amarillo);color:var(--azul);
  box-shadow:0 14px 30px -14px rgba(245,179,36,.9);
  transition:transform .3s cubic-bezier(.2,.8,.2,1),background .3s,box-shadow .3s
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover{background:var(--amarillo-2);color:var(--azul);transform:translateY(-3px)}
.woocommerce a.button.added_to_cart{margin-left:8px;font-weight:700;color:var(--verde)}

/* ---------- Ficha de producto ---------- */
.woocommerce div.product .product_title{font-size:clamp(1.4rem,3vw,2rem);margin-bottom:10px}
.woocommerce div.product p.price,
.woocommerce div.product span.price{color:var(--azul);font-family:'Sora',sans-serif;font-size:1.6rem;font-weight:800}
.woocommerce div.product .woocommerce-tabs ul.tabs{padding:0 0 0 4px}
.woocommerce div.product .woocommerce-tabs ul.tabs li{
  background:var(--gris);border:1px solid var(--gris-2);border-radius:999px 999px 0 0
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active{background:#fff;border-bottom-color:#fff}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{font-family:'Sora',sans-serif;font-weight:700;color:var(--texto-2)}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a{color:var(--azul)}
.woocommerce div.product form.cart div.quantity input{
  border:2px solid var(--gris-2);border-radius:12px;padding:11px 8px;font-family:inherit;font-weight:700
}

/* ---------- Formularios (carrito, pago, cuenta) ---------- */
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select,
.woocommerce .select2-container .select2-selection--single{
  border:2px solid var(--gris-2);border-radius:13px;padding:12px 14px;
  font-family:inherit;font-size:.95rem;color:var(--texto);background:#fff;height:auto;
  transition:border-color .25s,box-shadow .25s
}
.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus,
.woocommerce form .form-row select:focus{
  outline:0;border-color:var(--amarillo);box-shadow:0 0 0 4px rgba(245,179,36,.16)
}
.woocommerce form .form-row label{font-weight:700;color:var(--azul);font-size:.88rem;margin-bottom:5px}
.woocommerce-input-wrapper{width:100%}

/* ---------- Tablas ---------- */
.woocommerce table.shop_table{
  border:1px solid var(--gris-2);border-radius:15px;border-collapse:separate;border-spacing:0;overflow:hidden
}
.woocommerce table.shop_table th{
  background:var(--gris);color:var(--azul);font-family:'Sora',sans-serif;
  font-size:.72rem;text-transform:uppercase;letter-spacing:.1em
}
.woocommerce table.shop_table td{border-top:1px solid var(--gris-2)}
.woocommerce-cart table.cart img{width:64px;border-radius:10px}

/* ---------- Avisos ---------- */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error{
  border-top:0;border-left:5px solid var(--verde);background:rgba(15,157,88,.09);
  border-radius:0 15px 15px 0;color:var(--texto);font-weight:600
}
.woocommerce-info{border-left-color:var(--amarillo);background:rgba(245,179,36,.11)}
.woocommerce-error{border-left-color:var(--rojo);background:rgba(216,56,58,.08)}
.woocommerce-message::before{color:var(--verde)}
.woocommerce-info::before{color:var(--amarillo)}
.woocommerce-error::before{color:var(--rojo)}

/* ---------- Paginación y orden ---------- */
.woocommerce nav.woocommerce-pagination ul{border:0;gap:6px;display:flex;justify-content:center}
.woocommerce nav.woocommerce-pagination ul li{border:0}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span{
  border-radius:11px;font-weight:800;color:var(--texto-2);padding:9px 14px
}
.woocommerce nav.woocommerce-pagination ul li span.current{background:var(--azul);color:#fff}
.woocommerce .woocommerce-ordering select{
  border:2px solid var(--gris-2);border-radius:999px;padding:9px 14px;font-family:inherit;font-weight:700
}
.woocommerce .woocommerce-result-count{color:var(--texto-2);font-weight:600}