/*
Theme Name:   Integra Pro
Author:       Integra Ferretería Técnica
Description:  Tema completo para la tienda online de Integra Ferretería Técnica (WooCommerce): portada, cuentas de cliente, programa de puntos y asistente de chat. No necesita tema padre.
Version:      2.13.0
Requires at least: 6.0
Requires PHP: 7.4
License:      GNU General Public License v2 or later
Text Domain:  integra-tienda
Tags:         e-commerce, custom-logo, custom-menu, featured-images
*/

/* ============ BASE ============ */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; line-height: 1.6; font-size: 16px; }
img { max-width: 100%; height: auto; }
.screen-reader-text { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); }
.screen-reader-text:focus { clip: auto; width: auto; height: auto; background: #fff; padding: 10px; z-index: 100000; }
.int-container { max-width: 1280px; margin: 0 auto; padding: 0 24px; }
.site-main.int-container { padding-top: 32px; padding-bottom: 64px; }
input[type=text], input[type=email], input[type=tel], input[type=password], input[type=search], input[type=number], select, textarea {
	width: 100%; border: 1px solid #C9CCD0; border-radius: 8px; padding: 12px 14px; font: inherit; background: #fff;
}
input:focus, select:focus, textarea:focus { outline: 2px solid var(--int-naranja); outline-offset: 1px; }
button, .button { cursor: pointer; padding: 12px 20px; font: inherit; }
table { width: 100%; border-collapse: collapse; }
th, td { text-align: left; padding: 12px; border-bottom: 1px solid var(--int-borde); }
.entry-title, .page-title { font-size: clamp(30px, 4vw, 44px); margin: 0 0 24px; }
.entry-content h2 { margin-top: 1.6em; }
.int-posts { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 24px; }
.int-post { border: 1px solid var(--int-borde); border-radius: 12px; overflow: hidden; }
.int-post > div { padding: 18px; }
.int-post h2 { font-size: 22px; margin: 0 0 8px; }
.int-post h2 a { text-decoration: none; }
.nav-links { display: flex; gap: 8px; margin-top: 32px; }
.nav-links .page-numbers { padding: 8px 14px; border: 1px solid var(--int-borde); border-radius: 8px; text-decoration: none; }
.nav-links .current { background: var(--int-negro); color: #fff; }


:root {
	--int-negro: #141414;
	--int-negro-2: #1f1f1f;
	--int-naranja: #E26A0A;
	--int-naranja-osc: #B85400;
	--int-gris: #5B5F64;
	--int-gris-claro: #F6F6F7;
	--int-borde: #E3E5E8;
	--int-texto-claro: #D4D7DA;
	--int-titulos: 'Barlow', sans-serif;
	--int-texto: 'Inter', system-ui, sans-serif;
}

body { font-family: var(--int-texto); color: var(--int-negro); background: #fff; }
h1, h2, h3, h4, .site-title, .widget-title { font-family: var(--int-titulos); font-weight: 800; color: var(--int-negro); letter-spacing: -0.01em; }
a { color: var(--int-negro); }
a:hover, a:focus { color: var(--int-naranja-osc); }

/* ---------- Barra superior ---------- */
.int-topbar { background: var(--int-naranja); color: var(--int-negro); font-size: 13px; font-weight: 600; text-align: center; padding: 8px 16px; }

/* ---------- Botones ---------- */
button, input[type=button], input[type=submit], .button, .added_to_cart, .wc-block-components-button {
	background: var(--int-negro); color: #fff; border-radius: 8px; font-weight: 700; border: 0;
}
button:hover, .button:hover, input[type=submit]:hover { background: #333; color: #fff; }
.single-product div.product form.cart .button, .button.alt, .checkout-button, #place_order, .int-btn {
	background: var(--int-naranja) !important; color: var(--int-negro) !important; font-weight: 800;
}
.single-product div.product form.cart .button:hover, .button.alt:hover, .int-btn:hover { background: #f07a1c !important; }
.int-btn { display: inline-block; padding: 16px 28px; border-radius: 8px; text-decoration: none; font-size: 16px; }
.int-btn-sec { display: inline-block; padding: 15px 26px; border-radius: 8px; border: 1.5px solid #8a8d91; background: rgba(20,20,20,.6); color: #fff !important; font-weight: 600; text-decoration: none; }

/* ---------- Portada ---------- */
.int-wrap { max-width: 1280px; margin: 0 auto; padding: 0 24px; }
.int-eyebrow { font-family: var(--int-titulos); font-weight: 600; font-size: 14px; letter-spacing: .16em; text-transform: uppercase; color: var(--int-naranja); margin-bottom: 14px; }

.int-hero { position: relative; background: var(--int-negro) center right / cover no-repeat; color: #fff; }
.int-hero .int-wrap { padding-top: 96px; padding-bottom: 104px; }
.int-hero__txt { max-width: 600px; }
.int-hero h1 { color: #fff; font-size: clamp(38px, 5vw, 64px); line-height: 1.03; margin: 0 0 20px; }
.int-hero p { color: var(--int-texto-claro); font-size: 18px; line-height: 1.55; margin: 0 0 28px; }
.int-hero__btns { display: flex; flex-wrap: wrap; gap: 12px; }

.int-section { padding: 64px 0 24px; }
.int-section__head { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; gap: 12px; margin-bottom: 28px; }
.int-section__head h2 { margin: 0; font-size: 36px; }

.int-cats { display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 16px; }
.int-cat { border: 1px solid var(--int-borde); border-radius: 12px; overflow: hidden; text-decoration: none !important; color: var(--int-negro); background: #fff; display: flex; flex-direction: column; transition: transform .15s, box-shadow .15s; }
.int-cat:hover { transform: translateY(-3px); box-shadow: 0 8px 24px rgba(0,0,0,.08); }
.int-cat img { width: 100%; aspect-ratio: 1/1; object-fit: cover; display: block; }
.int-cat strong { font-family: var(--int-titulos); font-size: 19px; padding: 16px 18px 4px; }
.int-cat span { font-size: 13px; color: var(--int-gris); padding: 0 18px 18px; }

.int-banner { position: relative; border-radius: 16px; overflow: hidden; background: var(--int-negro) center right / cover no-repeat; color: #fff; }
.int-banner__txt { padding: 56px 48px; max-width: 520px; }
.int-banner h2 { color: #fff; font-size: 40px; line-height: 1.05; margin: 0 0 14px; }
.int-banner p { color: var(--int-texto-claro); margin: 0 0 22px; }

.int-ventajas { background: var(--int-gris-claro); padding: 48px 0; margin-top: 56px; }
.int-ventajas .int-wrap { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 24px; }
.int-ventaja { display: flex; gap: 16px; align-items: flex-start; }
.int-ventaja svg { flex: 0 0 auto; }
.int-ventaja strong { display: block; font-size: 16px; }
.int-ventaja span { font-size: 14px; color: var(--int-gris); }

.int-solyon { background: var(--int-negro); color: #fff; border-radius: 16px; padding: 48px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 32px; margin: 72px 0; }
.int-solyon h2 { color: #fff; font-size: 34px; line-height: 1.1; margin: 0 0 10px; }
.int-solyon p { color: var(--int-texto-claro); margin: 0; }
.int-solyon > div { flex: 1 1 520px; }

/* Productos de WooCommerce */
ul.products li.product { border: 1px solid var(--int-borde); border-radius: 12px; padding-bottom: 18px; overflow: hidden; text-align: left; }
ul.products li.product img { margin-bottom: 14px; }
ul.products li.product .woocommerce-loop-product__title { font-family: var(--int-texto); font-weight: 600; font-size: 15px; padding: 0 16px; }
ul.products li.product .price { font-family: var(--int-titulos); font-weight: 800; font-size: 22px; color: var(--int-negro); padding: 0 16px; display: block; }
ul.products li.product .button { margin: 10px 16px 0; display: block; text-align: center; }
.woocommerce-Price-amount { color: var(--int-negro); }
.onsale { background: var(--int-naranja); color: var(--int-negro); border: 0; border-radius: 6px; font-weight: 700; }

/* Ficha de producto */
.single-product div.product .product_title { font-size: 38px; line-height: 1.1; }
.single-product div.product p.price { font-family: var(--int-titulos); font-weight: 800; font-size: 40px; color: var(--int-negro); }
.int-iva { font-size: 14px; color: var(--int-gris); margin-left: 6px; }
.int-garantias { background: var(--int-gris-claro); border-radius: 12px; padding: 18px 20px; margin: 20px 0; font-size: 14px; }
.int-garantias li { list-style: none; margin: 6px 0; }
.int-garantias ul { margin: 0; }
.woocommerce-tabs table.shop_attributes th { font-weight: 500; color: var(--int-gris); }

@media (max-width: 767px) {
	.int-hero .int-wrap { padding-top: 64px; padding-bottom: 72px; }
	.int-hero { background-position: 70% center; }
	.int-hero::before { content: ""; position: absolute; inset: 0; background: rgba(20,20,20,.55); }
	.int-hero .int-wrap { position: relative; }
	.int-banner__txt, .int-solyon { padding: 32px 24px; }
	.int-section__head h2 { font-size: 28px; }
}

/* ---------- Cuenta de cliente ---------- */
.int-cuenta { display: inline-flex; align-items: center; gap: 8px; color: #fff !important; text-decoration: none; font-size: 14px; font-weight: 500; padding: 10px 8px; }
.woocommerce-account .woocommerce-MyAccount-navigation ul { list-style: none; margin: 0; border: 1px solid var(--int-borde); border-radius: 12px; overflow: hidden; }
.woocommerce-account .woocommerce-MyAccount-navigation li a { display: block; padding: 14px 18px; border-bottom: 1px solid var(--int-borde); text-decoration: none; font-weight: 500; }
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a { background: var(--int-negro); color: #fff; }
.woocommerce-account .woocommerce-MyAccount-navigation li a:hover { background: var(--int-gris-claro); }
.woocommerce form.login, .woocommerce form.register { border: 1px solid var(--int-borde); border-radius: 12px; padding: 28px; }
.int-reg-info { background: var(--int-gris-claro); border-left: 4px solid var(--int-naranja); padding: 12px 14px; border-radius: 6px; font-size: 14px; }

/* ---------- Puntos ---------- */
.int-puntos { background: #FFF4EA; border: 1px solid #F5C9A3; border-radius: 12px; padding: 16px 18px; margin: 0 0 20px; font-size: 14px; }
.int-puntos p { margin: 0 0 8px; }
.int-puntos label { font-weight: 600; cursor: pointer; }
.int-pts-gana { background: #FFF4EA; border-radius: 8px; padding: 10px 14px; font-size: 14px; }
.int-pts-saldo { background: var(--int-negro); color: #fff; border-radius: 12px; padding: 24px; margin-bottom: 20px; display: flex; flex-direction: column; gap: 4px; }
.int-pts-saldo span { color: var(--int-texto-claro); font-size: 14px; }
.int-pts-saldo strong { font-family: var(--int-titulos); font-size: 40px; color: #fff; }
.int-pts-saldo em { color: var(--int-naranja); font-style: normal; font-weight: 600; }
.int-pie ul { list-style: none; margin: 0 0 16px; padding: 0; display: flex; flex-wrap: wrap; gap: 8px 22px; font-size: 14px; }

/* ---------- Asistente de chat ---------- */
.ic-btn { position: fixed; right: 20px; bottom: 20px; z-index: 9998; width: 60px; height: 60px; border-radius: 50%; border: 0; background: var(--int-naranja); color: var(--int-negro); box-shadow: 0 6px 20px rgba(0,0,0,.25); cursor: pointer; display: flex; align-items: center; justify-content: center; padding: 0; }
.ic-btn:hover { background: #f07a1c; }
.ic-panel { position: fixed; right: 20px; bottom: 92px; z-index: 9999; width: 370px; max-width: calc(100vw - 24px); height: 540px; max-height: calc(100vh - 120px); background: #fff; border-radius: 16px; box-shadow: 0 12px 40px rgba(0,0,0,.25); display: flex; flex-direction: column; overflow: hidden; font-family: var(--int-texto); }
.ic-panel[hidden] { display: none; }
.ic-head { background: var(--int-negro); color: #fff; padding: 14px 16px; display: flex; justify-content: space-between; align-items: flex-start; gap: 10px; }
.ic-tit strong { display: block; font-family: var(--int-titulos); font-size: 18px; color: #fff; }
.ic-tit span { font-size: 12px; color: var(--int-texto-claro); }
.ic-x { background: transparent !important; color: #fff !important; font-size: 26px; line-height: 1; padding: 0 6px; }
.ic-body { flex: 1; overflow-y: auto; padding: 14px; display: flex; flex-direction: column; gap: 8px; background: var(--int-gris-claro); }
.ic-msg { max-width: 85%; padding: 10px 12px; border-radius: 12px; font-size: 14px; line-height: 1.45; white-space: pre-line; }
.ic-bot { background: #fff; border: 1px solid var(--int-borde); align-self: flex-start; border-bottom-left-radius: 4px; }
.ic-user { background: var(--int-negro); color: #fff; align-self: flex-end; border-bottom-right-radius: 4px; }
.ic-msg a { color: var(--int-naranja-osc); font-weight: 600; }
.ic-typing { color: var(--int-gris); font-style: italic; }
.ic-prod { align-self: flex-start; max-width: 85%; background: #fff; border: 1px solid var(--int-borde); border-left: 4px solid var(--int-naranja); border-radius: 8px; padding: 8px 12px; text-decoration: none !important; display: flex; flex-direction: column; font-size: 13px; color: var(--int-negro); }
.ic-prod span { color: var(--int-gris); }
.ic-quick { display: flex; flex-wrap: wrap; gap: 6px; padding: 0 14px 10px; background: var(--int-gris-claro); }
.ic-chip { background: #fff !important; color: var(--int-negro) !important; border: 1px solid #C9CCD0 !important; border-radius: 999px; font-size: 13px; font-weight: 500; padding: 8px 12px; }
.ic-form { display: flex; gap: 8px; padding: 10px; border-top: 1px solid var(--int-borde); }
.ic-form input { flex: 1; min-width: 0; border: 1px solid #C9CCD0; border-radius: 8px; padding: 10px 12px; font-size: 15px; }
.ic-send { background: var(--int-naranja) !important; color: var(--int-negro) !important; font-weight: 800; padding: 10px 14px; }
.ic-foot { padding: 6px 12px 10px; font-size: 11.5px; color: var(--int-gris); display: flex; justify-content: space-between; gap: 8px; align-items: center; }
.ic-wa { color: #128C7E; font-weight: 700; text-decoration: none; }
@media (max-width: 480px) { .ic-panel { right: 12px; left: 12px; width: auto; bottom: 86px; height: calc(100vh - 110px); } .ic-btn { right: 14px; bottom: 14px; } }

/* ============ CABECERA ============ */
.int-header { background: var(--int-negro); color: #fff; position: sticky; top: 0; z-index: 100; }
.admin-bar .int-header { top: 32px; }
.int-header__bar { display: flex; flex-wrap: wrap; align-items: center; gap: 20px; padding: 14px 0; }
.int-logo { flex: 0 0 auto; display: flex; }
.int-logo img, .int-logo .custom-logo { max-height: 52px; width: auto; display: block; }
.int-search { flex: 1 1 320px; display: flex; min-width: 0; }
.int-search input[type=search] { border: 0; border-radius: 8px 0 0 8px; height: 48px; }
.int-search button { border: 0; border-radius: 0 8px 8px 0; background: var(--int-naranja); color: var(--int-negro); width: 56px; height: 48px; padding: 0; display: flex; align-items: center; justify-content: center; }
.int-acciones { display: flex; align-items: center; gap: 6px; flex: 0 0 auto; }
.int-acciones a { color: #fff; text-decoration: none; display: inline-flex; align-items: center; gap: 8px; padding: 10px; font-size: 14px; font-weight: 500; border-radius: 8px; }
.int-acciones a:hover { background: #262626; color: #fff; }
.int-carrito__n { background: var(--int-naranja); color: var(--int-negro); border-radius: 999px; font-size: 12px; font-weight: 800; min-width: 22px; height: 22px; display: inline-flex; align-items: center; justify-content: center; padding: 0 6px; }
.int-menu-btn { display: none; background: transparent; border: 1px solid #5a5d61; color: #fff; border-radius: 8px; padding: 10px 12px; }
.int-nav { background: var(--int-negro-2); border-top: 1px solid #2e2e2e; }
.int-nav ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 0 26px; }
.int-nav li { position: relative; }
.int-nav a { display: block; padding: 14px 0; color: #fff; text-decoration: none; font-family: var(--int-titulos); font-weight: 600; font-size: 15px; letter-spacing: .04em; text-transform: uppercase; }
.int-nav a:hover, .int-nav .current-menu-item > a { color: var(--int-naranja); }
.int-nav li.int-ofertas > a { color: var(--int-naranja); }
.int-nav .sub-menu { display: none; position: absolute; left: -16px; top: 100%; background: var(--int-negro-2); min-width: 220px; padding: 8px 16px; z-index: 50; flex-direction: column; border-radius: 0 0 8px 8px; }
.int-nav li:hover > .sub-menu, .int-nav li:focus-within > .sub-menu { display: flex; }
.int-nav .sub-menu a { padding: 8px 0; text-transform: none; letter-spacing: 0; font-family: var(--int-texto); font-weight: 500; }

/* ============ PIE ============ */
.int-footer { background: var(--int-negro); color: #C9CCD0; padding: 56px 0 28px; margin-top: 0; }
.int-footer a { color: #C9CCD0; text-decoration: none; }
.int-footer a:hover { color: #fff; }
.int-footer__cols { display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 32px; }
.int-footer h3 { color: #fff; font-size: 17px; margin: 0 0 14px; }
.int-footer ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px; font-size: 14px; }
.int-footer__logo img { max-height: 48px; width: auto; margin-bottom: 12px; }
.int-footer__legal { border-top: 1px solid #2e2e2e; margin-top: 40px; padding-top: 18px; font-size: 13px; color: #9A9EA3; display: flex; flex-wrap: wrap; gap: 8px 24px; }

/* ============ WOOCOMMERCE ============ */
.woocommerce-breadcrumb { font-size: 13px; color: var(--int-gris); margin-bottom: 18px; }
.woocommerce-breadcrumb a { color: var(--int-gris); }
.woocommerce-products-header__title { margin-top: 0; }
.woocommerce .woocommerce-result-count { color: var(--int-gris); font-size: 14px; }
.woocommerce .woocommerce-ordering select { width: auto; }
ul.products { list-style: none; margin: 0 0 32px; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 20px; clear: both; }
ul.products::before, ul.products::after { display: none !important; }
ul.products li.product { width: auto !important; margin: 0 !important; float: none !important; position: relative; background: #fff; }
ul.products li.product a img { aspect-ratio: 1/1; object-fit: contain; background: #F3F4F5; width: 100%; }
ul.products li.product .star-rating { margin: 0 16px 6px; }
.woocommerce span.onsale { position: absolute; top: 12px; left: 12px; padding: 4px 10px; z-index: 2; }
.woocommerce div.product { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 48px; }
.woocommerce div.product .woocommerce-product-gallery { width: 100% !important; float: none !important; }
.woocommerce div.product .summary { width: 100% !important; float: none !important; }
.woocommerce div.product .woocommerce-tabs, .woocommerce div.product .related, .woocommerce div.product .upsells { grid-column: 1 / -1; }
.woocommerce div.product form.cart { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; margin: 20px 0; }
.woocommerce div.product form.cart.variations_form { display: block; }
.woocommerce div.product form.cart .variations select { max-width: 320px; }
.woocommerce .quantity input.qty { width: 80px; text-align: center; }
.woocommerce div.product form.cart .button { padding: 15px 28px; font-size: 16px; }
.woocommerce-tabs ul.tabs { list-style: none; padding: 0; display: flex; gap: 6px; border-bottom: 1px solid var(--int-borde); }
.woocommerce-tabs ul.tabs li a { display: block; padding: 10px 16px; text-decoration: none; font-weight: 600; }
.woocommerce-tabs ul.tabs li.active a { border-bottom: 3px solid var(--int-naranja); }
.woocommerce-message, .woocommerce-info, .woocommerce-error { list-style: none; padding: 14px 18px; border-radius: 8px; margin: 0 0 20px; background: var(--int-gris-claro); border-left: 4px solid var(--int-naranja); display: flex; flex-wrap: wrap; gap: 10px; align-items: center; justify-content: space-between; }
.woocommerce-error { border-left-color: #b42318; }
.woocommerce-cart table.shop_table img { width: 64px; }
.woocommerce .cart-collaterals .cart_totals { max-width: 460px; margin-left: auto; }
.woocommerce .coupon { display: flex; gap: 8px; flex-wrap: wrap; }
.woocommerce .coupon input { width: 200px; }
.woocommerce-checkout #customer_details { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 32px; }
.woocommerce form .form-row { margin: 0 0 14px; }
.woocommerce form .form-row label { display: block; font-size: 14px; font-weight: 600; margin-bottom: 4px; }
.woocommerce form .form-row-first, .woocommerce form .form-row-last { width: 48%; display: inline-block; vertical-align: top; }
.woocommerce form .form-row-first { margin-right: 3%; }
#payment { background: var(--int-gris-claro); border-radius: 12px; padding: 18px; }
#payment ul.payment_methods { list-style: none; padding: 0; }
.woocommerce-account .woocommerce { display: grid; grid-template-columns: 240px minmax(0, 1fr); gap: 32px; }
.woocommerce-account:not(.logged-in) .woocommerce { display: block; }
#customer_login { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 32px; }
.col2-set .col-1, .col2-set .col-2 { width: auto !important; float: none !important; }

@media (max-width: 900px) {
	.woocommerce div.product { grid-template-columns: 1fr; gap: 24px; }
	.woocommerce-account .woocommerce { grid-template-columns: 1fr; }
}
@media (max-width: 782px) { .admin-bar .int-header { top: 46px; } }
@media (max-width: 767px) {
	.int-menu-btn { display: inline-flex; }
	.int-acciones a span.int-txt { display: none; }
	.int-search { order: 5; flex-basis: 100%; }
	.int-nav { display: none; }
	.int-nav.is-open { display: block; }
	.int-nav ul { flex-direction: column; }
	.int-nav .sub-menu { display: flex; position: static; padding: 0 0 8px 14px; background: transparent; }
	.woocommerce form .form-row-first, .woocommerce form .form-row-last { width: 100%; margin-right: 0; }
	.int-header { position: static; }
}

/* ============ ÁRBOL DE CATEGORÍAS (v2.1) ============ */
.int-nav__fila { display: flex; align-items: center; gap: 26px; }
.int-cats-btn { display: inline-flex; align-items: center; gap: 10px; background: var(--int-naranja); color: var(--int-negro); border: 0; border-radius: 6px; padding: 9px 16px; font-family: var(--int-titulos); font-weight: 700; font-size: 15px; letter-spacing: .04em; text-transform: uppercase; cursor: pointer; white-space: nowrap; }
.int-cats-btn:hover, .int-cats-btn[aria-expanded="true"] { background: #fff; }
.int-nav { position: relative; }
.int-mega { position: absolute; left: 0; right: 0; top: 100%; background: #fff; color: var(--int-negro); box-shadow: 0 18px 40px rgba(0,0,0,.25); max-height: 75vh; overflow-y: auto; padding: 26px 0 30px; z-index: 120; }
.int-mega[hidden] { display: none; }
.int-mega__grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 26px 32px; }
.int-mega__head { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.int-mega__head a { display: block; padding: 6px 0; color: var(--int-negro); font-family: var(--int-titulos); font-weight: 800; font-size: 17px; text-transform: uppercase; letter-spacing: .03em; text-decoration: none; border-bottom: 2px solid var(--int-naranja); flex: 1; }
.int-mega__head a span, .int-mega__col li span { color: var(--int-gris, #6b6f74); font-weight: 400; font-size: 13px; }
.int-mega__toggle { display: none; background: transparent; border: 1px solid #c9ccd0; border-radius: 6px; width: 34px; height: 34px; font-size: 20px; line-height: 1; align-items: center; justify-content: center; color: var(--int-negro); cursor: pointer; }
.int-nav .int-mega ul { display: block; list-style: none; margin: 8px 0 0; padding: 0; }
.int-nav .int-mega li { position: static; }
.int-nav .int-mega li a { display: block; padding: 5px 0; color: #2a2a2a; text-transform: none; letter-spacing: 0; font-family: var(--int-texto); font-weight: 500; font-size: 14.5px; }
.int-nav .int-mega li a:hover, .int-nav .int-mega .int-mega__head a:hover { color: var(--int-naranja); }
.int-mega__all { display: flex; align-items: flex-start; }
.int-mega__all .int-btn { background: var(--int-negro) !important; color: #fff !important; padding: 12px 20px; font-weight: 700; text-transform: none !important; letter-spacing: 0 !important; font-size: 15px !important; }

.int-tienda { display: grid; grid-template-columns: 260px minmax(0, 1fr); gap: 32px; align-items: start; padding-top: 24px; }
.int-tienda__principal { min-width: 0; }
.int-arbol { position: sticky; top: 140px; max-height: calc(100vh - 160px); overflow-y: auto; }
.int-arbol__caja { background: var(--int-gris-claro, #f3f4f5); border-radius: 12px; padding: 6px 16px 14px; }
.int-arbol__titulo { font-family: var(--int-titulos); font-weight: 800; font-size: 18px; text-transform: uppercase; letter-spacing: .04em; padding: 10px 0; cursor: pointer; }
.int-arbol ul { list-style: none; margin: 0; padding: 0; }
.int-arbol ul ul { padding-left: 14px; border-left: 2px solid #e0e2e5; margin: 2px 0 6px 6px; }
.int-arbol li { margin: 0; }
.int-arbol a { display: inline-flex; gap: 6px; padding: 6px 0; color: var(--int-negro); text-decoration: none; font-size: 15px; font-weight: 500; }
.int-arbol a span { color: #8a8d91; font-size: 12.5px; font-weight: 400; align-self: center; }
.int-arbol a:hover, .int-arbol a.is-actual { color: var(--int-naranja); }
.int-arbol a.is-actual { font-weight: 700; }
.int-arbol details > summary { list-style: none; cursor: pointer; display: flex; align-items: center; gap: 4px; }
.int-arbol details > summary::-webkit-details-marker { display: none; }
.int-arbol ul details > summary::before { content: "+"; display: inline-flex; width: 18px; justify-content: center; font-weight: 700; color: var(--int-naranja); flex: 0 0 18px; }
.int-arbol ul details[open] > summary::before { content: "−"; }
.int-arbol__caja > summary::after { content: " ▾"; color: var(--int-naranja); }

.int-chips { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 22px; }
.int-chips a { display: inline-flex; gap: 6px; align-items: center; padding: 8px 14px; border: 1.5px solid #d4d7db; border-radius: 999px; color: var(--int-negro); text-decoration: none; font-size: 14px; font-weight: 600; background: #fff; }
.int-chips a span { color: #8a8d91; font-weight: 400; font-size: 12.5px; }
.int-chips a:hover { border-color: var(--int-naranja); color: var(--int-naranja); }

/* Categorías en la cabecera con desplegable */
.int-nav .int-dd-menu { display: flex; flex-wrap: wrap; align-items: center; gap: 0 4px; list-style: none; margin: 0; padding: 0; }
.int-nav .int-dd { position: relative; }
.int-nav .int-dd__btn { display: inline-flex; align-items: center; gap: 6px; background: transparent; border: 0; color: #fff; padding: 14px 10px; font-family: var(--int-titulos); font-weight: 600; font-size: 15px; letter-spacing: .04em; text-transform: uppercase; cursor: pointer; text-decoration: none; }
.int-nav .int-dd__btn svg { transition: transform .15s; }
.int-nav .int-dd__btn:hover, .int-nav .int-dd.is-open > .int-dd__btn, .int-nav .int-dd.is-actual > .int-dd__btn { color: var(--int-naranja); }
.int-nav .int-dd.is-open > .int-dd__btn svg { transform: rotate(180deg); }
.int-nav .int-dd__panel { position: absolute; left: 0; top: 100%; min-width: 260px; max-height: 70vh; overflow-y: auto; background: #fff; border-top: 3px solid var(--int-naranja); border-radius: 0 0 10px 10px; box-shadow: 0 16px 34px rgba(0,0,0,.25); padding: 8px 0; z-index: 130; }
.int-nav .int-dd__panel[hidden] { display: none; }
.int-nav .int-dd__panel ul { display: block; list-style: none; margin: 0; padding: 0; }
.int-nav .int-dd__panel li a { display: flex; justify-content: space-between; gap: 14px; padding: 9px 18px; color: #222; text-transform: none; letter-spacing: 0; font-family: var(--int-texto); font-weight: 500; font-size: 15px; }
.int-nav .int-dd__panel li a span { color: #8a8d91; font-size: 12.5px; font-weight: 400; }
.int-nav .int-dd__panel li a:hover { background: #fff3ea; color: var(--int-naranja); }
.int-nav .int-dd__panel .int-dd__todo a { font-weight: 700; border-bottom: 1px solid #eceef0; margin-bottom: 4px; }

@media (max-width: 767px) {
	.int-nav .int-dd-menu { flex-direction: column; align-items: stretch; }
	.int-nav .int-dd__btn { width: 100%; justify-content: space-between; padding: 13px 4px; border-bottom: 1px solid #2e2e2e; }
	.int-nav .int-dd__panel { position: static; box-shadow: none; border-top: 0; border-radius: 8px; max-height: none; margin: 6px 0 10px; min-width: 0; }
}
@media (max-width: 767px) {
	.int-nav__fila { flex-direction: column; align-items: stretch; gap: 0; }
	.int-cats-btn { width: 100%; justify-content: center; margin: 10px 0; }
	.int-mega { position: static; max-height: none; box-shadow: none; padding: 6px 0 14px; border-radius: 8px; margin-bottom: 10px; }
	.int-mega__grid { grid-template-columns: 1fr; gap: 0; }
	.int-mega__col { border-bottom: 1px solid #e3e5e8; padding: 4px 0; }
	.int-mega__head a { border-bottom: 0; font-size: 16px; }
	.int-mega__toggle { display: inline-flex; }
	.int-nav .int-mega__col ul { display: none; padding: 0 0 8px 12px; }
	.int-nav .int-mega__col.is-open ul { display: block; }
	.int-mega__all { padding-top: 12px; }
	.int-tienda { grid-template-columns: 1fr; gap: 16px; padding-top: 14px; }
	.int-arbol { position: static; max-height: none; }
}
@media (min-width: 768px) and (max-width: 1000px) { .int-tienda { grid-template-columns: 220px minmax(0, 1fr); gap: 22px; } }

/* ============ BUSCADOR INSTANTÁNEO (v2.3) ============ */
.int-search { position: relative; }
.int-sug { position: absolute; left: 0; right: 0; top: calc(100% + 6px); background: #fff; color: var(--int-negro); border-radius: 10px; box-shadow: 0 18px 40px rgba(0,0,0,.28); max-height: 70vh; overflow-y: auto; z-index: 150; padding: 6px 0; text-align: left; }
.int-sug[hidden] { display: none; }
.int-sug__tit { padding: 10px 16px 4px; font-size: 11.5px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: #8a8d91; }
.int-sug__item { display: flex; align-items: center; gap: 12px; padding: 8px 16px; color: #222; text-decoration: none; font-size: 14.5px; line-height: 1.3; }
.int-sug__item:hover, .int-sug__item.is-activo { background: #fff3ea; }
.int-sug__item img, .int-sug__noimg { width: 48px; height: 48px; object-fit: contain; border-radius: 6px; background: #f4f5f6; flex: 0 0 48px; }
.int-sug__nom { flex: 1; min-width: 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.int-sug__prod strong { white-space: nowrap; color: var(--int-negro); font-size: 15px; }
.int-sug__cat { justify-content: space-between; font-weight: 600; }
.int-sug__cat small { color: #8a8d91; font-weight: 400; }
.int-sug__cat em { font-style: normal; color: #8a8d91; font-size: 12.5px; }
.int-sug mark { background: transparent; color: var(--int-naranja); font-weight: 700; }
.int-sug__todos { justify-content: center; font-weight: 700; color: var(--int-naranja); border-top: 1px solid #eceef0; margin-top: 4px; padding: 12px 16px; }
.int-sug__info { padding: 14px 16px; color: #5b5f64; font-size: 14.5px; }
.int-sug__info a { color: var(--int-naranja); }

/* ============ PORTADA · BANNER DE OFERTAS (v2.4) ============ */
.int-oferta { display: flex; align-items: center; gap: 26px; padding: 26px 34px; border-radius: 14px; text-decoration: none; color: var(--int-negro); background: linear-gradient(110deg, var(--int-naranja) 0%, #f08a2e 55%, #ffb066 100%); box-shadow: 0 10px 28px rgba(226,106,10,.25); position: relative; overflow: hidden; }
.int-oferta::after { content: ""; position: absolute; right: -60px; top: -60px; width: 220px; height: 220px; border-radius: 50%; background: rgba(255,255,255,.14); }
.int-oferta__sello { flex: 0 0 auto; width: 76px; height: 76px; border-radius: 50%; background: var(--int-negro); color: var(--int-naranja); display: flex; align-items: center; justify-content: center; font-family: var(--int-titulos); font-weight: 800; font-size: 40px; transform: rotate(-10deg); }
.int-oferta__txt { flex: 1; display: flex; flex-direction: column; gap: 4px; min-width: 0; position: relative; z-index: 1; }
.int-oferta__etq { font-family: var(--int-titulos); font-weight: 800; font-size: 13px; letter-spacing: .14em; text-transform: uppercase; }
.int-oferta strong { font-family: var(--int-titulos); font-weight: 800; font-size: clamp(22px, 2.6vw, 30px); line-height: 1.1; }
.int-oferta__p { font-size: 15px; opacity: .9; }
.int-oferta__btn { flex: 0 0 auto; background: var(--int-negro); color: #fff; padding: 14px 24px; border-radius: 8px; font-weight: 700; font-size: 15px; position: relative; z-index: 1; transition: transform .15s; }
.int-oferta:hover .int-oferta__btn { transform: translateX(4px); }
@media (max-width: 700px) {
	.int-oferta { flex-direction: column; align-items: flex-start; gap: 14px; padding: 22px; }
	.int-oferta__sello { width: 56px; height: 56px; font-size: 30px; }
}

/* ============ PORTADA · BANNER PRINCIPAL (v2.5) ============ */
.int-portada { position: relative; background: #141414; }
.int-portada__img { display: block; }
.int-portada__img img { display: block; width: 100%; height: auto; max-height: 640px; object-fit: cover; object-position: left center; }
.int-portada__btns { position: absolute; left: 5.4%; bottom: 7%; display: none; gap: 12px; }
.int-portada__btns .int-btn-sec { background: rgba(20,20,20,.75); }
@media (max-width: 767px) {
	.int-portada__btns { position: static; display: flex; flex-wrap: wrap; justify-content: center; padding: 16px; }
	.int-portada__btns a { flex: 1 1 140px; text-align: center; }
}

/* ============ PROFESIONALES (v2.6) ============ */
.int-nav .int-dd--pro { margin-left: auto; }
.int-nav .int-pro-link { color: var(--int-naranja); border: 1.5px solid var(--int-naranja); border-radius: 6px; padding: 7px 14px; margin: 6px 0; }
.int-nav .int-pro-link:hover { background: var(--int-naranja); color: var(--int-negro); }
.int-acciones a.int-acc-pro { color: var(--int-naranja); display: none; }
.int-probar { background: var(--int-negro); color: #fff; text-align: center; font-size: 13px; padding: 7px 16px; border-bottom: 2px solid var(--int-naranja); }
.int-probar strong { color: var(--int-naranja); }
.int-pro { max-width: 1040px; margin: 0 auto; }
.int-pro__hero { background: var(--int-negro); color: #fff; border-radius: 14px; padding: 36px 40px; margin-bottom: 22px; }
.int-pro__hero h2 { color: #fff; font-size: clamp(26px, 3.4vw, 40px); margin: 6px 0 10px; }
.int-pro__hero p { color: #d4d6d9; font-size: 17px; max-width: 680px; margin: 0; }
.int-pro__ventajas { display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 14px; margin-bottom: 28px; }
.int-pro__ventajas div { background: var(--int-gris-claro); border-left: 4px solid var(--int-naranja); border-radius: 10px; padding: 16px 18px; display: flex; flex-direction: column; gap: 4px; }
.int-pro__ventajas strong { font-family: var(--int-titulos); font-size: 19px; }
.int-pro__ventajas span { color: var(--int-gris); font-size: 14.5px; }
.int-pro__form { background: #fff; border: 1px solid #e3e5e8; border-radius: 14px; padding: 26px 28px; }
.int-pro__form h3 { margin-top: 0; }
.int-pro__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 14px 20px; margin-bottom: 16px; }
.int-pro__grid label { display: flex; flex-direction: column; gap: 6px; font-weight: 600; font-size: 14.5px; }
.int-pro__grid input, .int-pro__grid select { height: 46px; border: 1px solid #c9ccd0; border-radius: 8px; padding: 0 12px; font-size: 15px; background: #fff; }
.int-pro__priv { display: block; font-size: 14px; margin: 6px 0 18px; }
.int-pro__ya { font-size: 14px; color: var(--int-gris); margin: 14px 0 0; }
@media (max-width: 767px) {
	.int-nav .int-dd--pro { margin-left: 0; }
	.int-nav .int-pro-link { justify-content: center; margin: 12px 0; }
	.int-pro__hero { padding: 26px 22px; }
	.int-acciones a.int-acc-pro { display: inline-flex; }
}

/* ============ BANNER DE CATEGORÍA (v2.7) ============ */
.int-catban { position: relative; display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); min-height: 230px; background: var(--int-negro); color: #fff; border-radius: 14px; overflow: hidden; margin: 0 0 26px; }
.int-catban__txt { position: relative; z-index: 1; padding: 30px 36px; display: flex; flex-direction: column; justify-content: center; gap: 8px; }
.int-catban__txt::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 6px; background: var(--int-naranja); }
.int-catban__migas { font-size: 13px; color: #b9bcc0; }
.int-catban__migas a { color: #b9bcc0; text-decoration: none; }
.int-catban__migas a:hover { color: var(--int-naranja); }
.int-catban h1 { color: #fff; font-family: var(--int-titulos); font-weight: 800; font-size: clamp(38px, 5vw, 64px); line-height: 1; margin: 2px 0 4px; letter-spacing: -.01em; }
.int-catban__desc, .int-catban__desc p { color: #d4d6d9; font-size: 16px; line-height: 1.5; margin: 0; max-width: 520px; }
.int-catban__n { align-self: flex-start; margin-top: 8px; background: var(--int-naranja); color: var(--int-negro); font-weight: 800; font-size: 13px; letter-spacing: .06em; text-transform: uppercase; border-radius: 999px; padding: 6px 14px; }
.int-catban__img { background: #2a2a2a center / cover no-repeat; position: relative; }
.int-catban__img::before { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, var(--int-negro) 0%, rgba(20,20,20,.35) 35%, rgba(20,20,20,0) 70%); }
@media (max-width: 767px) {
	.int-catban { grid-template-columns: 1fr; min-height: 0; }
	.int-catban__img { position: absolute; inset: 0; opacity: .35; }
	.int-catban__img::before { background: linear-gradient(0deg, var(--int-negro) 0%, rgba(20,20,20,.3) 100%); }
	.int-catban__txt { padding: 26px 22px; }
}

/* ============ AJUSTES v2.7.1 ============ */
.int-portada { background: transparent; padding-top: 24px; }
.int-portada__img { border-radius: 14px; overflow: hidden; background: #141414; }
.int-portada__img img { width: 100%; height: auto !important; max-height: none !important; object-fit: initial; aspect-ratio: 2117 / 743; }
.int-nav__fila { gap: 18px; }
.int-nav .int-dd-menu { flex: 1; flex-wrap: nowrap; gap: 0; min-width: 0; }
.int-nav .int-dd__btn { padding: 14px 9px; font-size: 14px; white-space: nowrap; }
.int-nav .int-pro-link { padding: 7px 12px; }
@media (max-width: 1180px) { .int-nav .int-dd__btn { padding: 14px 6px; font-size: 13px; letter-spacing: .02em; } .int-cats-btn { font-size: 13px; padding: 9px 12px; } }
@media (max-width: 767px) {
	.int-portada { padding-top: 12px; }
	.int-portada__img { border-radius: 10px; }
	.int-nav .int-dd-menu { flex-wrap: wrap; }
	.int-nav .int-dd__btn { padding: 13px 4px; font-size: 15px; }
}

/* ============ REGISTRO PARTICULAR / PROFESIONAL (v2.8) ============ */
.int-tipo { border: 0; padding: 0; margin: 0 0 16px; display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.int-tipo legend { font-weight: 700; margin-bottom: 8px; padding: 0; }
.int-tipo__op { display: flex; gap: 10px; align-items: flex-start; border: 1.5px solid #d4d7db; border-radius: 10px; padding: 12px 14px; cursor: pointer; background: #fff; }
.int-tipo__op:has(input:checked) { border-color: var(--int-naranja); background: #fff6ee; }
.int-tipo__op input { margin-top: 4px; accent-color: var(--int-naranja); }
.int-tipo__op span { display: flex; flex-direction: column; gap: 2px; }
.int-tipo__op small { color: var(--int-gris); font-size: 13px; line-height: 1.35; }
.int-tipo__pro { background: var(--int-gris-claro); border-radius: 10px; padding: 14px 16px 4px; margin-bottom: 16px; }
.int-tipo__pro[hidden] { display: none; }
.int-tipo__pro select { width: 100%; height: 44px; border: 1px solid #c9ccd0; border-radius: 8px; padding: 0 10px; background: #fff; }
.int-tipo__nota { font-size: 13px; color: var(--int-gris); }
@media (max-width: 480px) { .int-tipo { grid-template-columns: 1fr; } }

/* ============ CARRUSEL DE PORTADA (v2.9) ============ */
.int-carru { position: relative; border-radius: 14px; overflow: hidden; background: #141414; }
.int-carru__pista { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; scroll-behavior: smooth; }
.int-carru__pista::-webkit-scrollbar { display: none; }
.int-carru__slide { flex: 0 0 100%; scroll-snap-align: start; display: block; }
.int-carru__slide img { display: block; width: 100%; height: auto !important; aspect-ratio: 2117 / 743; object-fit: cover; }
.int-carru__flecha { position: absolute; top: 50%; transform: translateY(-50%); width: 46px; height: 46px; border-radius: 50%; border: 0; background: rgba(20,20,20,.65); color: #fff; font-size: 30px; line-height: 1; cursor: pointer; display: flex; align-items: center; justify-content: center; padding: 0 0 4px; opacity: 0; transition: opacity .2s, background .2s; }
.int-carru:hover .int-carru__flecha, .int-carru__flecha:focus-visible { opacity: 1; }
.int-carru__flecha:hover { background: var(--int-naranja); color: var(--int-negro); }
.int-carru__prev { left: 14px; } .int-carru__next { right: 14px; }
.int-carru__puntos { position: absolute; left: 0; right: 0; bottom: 12px; display: flex; justify-content: center; gap: 8px; }
.int-carru__puntos button { width: 10px; height: 10px; border-radius: 999px; border: 0; padding: 0; background: rgba(255,255,255,.55); cursor: pointer; transition: width .2s, background .2s; }
.int-carru__puntos button[aria-current="true"] { width: 28px; background: var(--int-naranja); }
@media (max-width: 767px) { .int-carru { border-radius: 10px; } .int-carru__flecha { display: none; } .int-carru__puntos { bottom: 6px; } .int-carru__puntos button { width: 8px; height: 8px; } .int-carru__puntos button[aria-current="true"] { width: 20px; } }

/* ============ VENTANA DE DESCUENTO (v2.10) ============ */
.int-pop { position: fixed; inset: 0; z-index: 9999; background: rgba(10,10,10,.6); display: flex; align-items: center; justify-content: center; padding: 20px; animation: intPopF .25s ease; }
.int-pop[hidden] { display: none; }
body.int-pop-abierto { overflow: hidden; }
.int-pop__caja { position: relative; background: #fff; border-radius: 16px; max-width: 440px; width: 100%; padding: 34px 30px 24px; text-align: center; border-top: 6px solid var(--int-naranja); box-shadow: 0 30px 70px rgba(0,0,0,.4); animation: intPopS .3s cubic-bezier(.2,.9,.3,1.2); }
.int-pop__x { position: absolute; right: 10px; top: 8px; width: 38px; height: 38px; border: 0; background: transparent; font-size: 28px; line-height: 1; color: #6b6f74; cursor: pointer; border-radius: 50%; }
.int-pop__x:hover { background: #f1f2f3; color: var(--int-negro); }
.int-pop__sello { width: 96px; height: 96px; margin: 0 auto 14px; border-radius: 50%; background: var(--int-negro); color: var(--int-naranja); display: flex; align-items: center; justify-content: center; font-family: var(--int-titulos); font-weight: 800; font-size: 44px; transform: rotate(-8deg); box-shadow: 0 0 0 6px #fff3ea; }
.int-pop__sello small { font-size: 24px; margin-left: 2px; }
.int-pop h2 { font-size: 26px; line-height: 1.15; margin: 0 0 8px; }
.int-pop p { color: var(--int-gris); font-size: 15.5px; margin: 0 0 16px; }
.int-pop__codigo { display: flex; border: 2px dashed var(--int-naranja); border-radius: 10px; overflow: hidden; margin: 0 0 14px; }
.int-pop__codigo code { flex: 1; font-family: var(--int-titulos); font-weight: 800; font-size: 26px; letter-spacing: .12em; padding: 10px; background: #fff6ee; color: var(--int-negro); }
.int-pop__copiar { border: 0; background: var(--int-naranja); color: var(--int-negro); font-weight: 800; padding: 0 18px; cursor: pointer; font-size: 15px; }
.int-pop__copiar:hover { background: var(--int-negro); color: #fff; }
.int-pop__usar { display: block; width: 100%; text-align: center; background: var(--int-negro) !important; color: #fff !important; padding: 14px; font-weight: 700; }
.int-pop .int-pop__letra { font-size: 12px; color: #8a8d91; margin: 12px 0 0; }
@keyframes intPopF { from { opacity: 0; } to { opacity: 1; } }
@keyframes intPopS { from { opacity: 0; transform: translateY(20px) scale(.96); } to { opacity: 1; transform: none; } }

/* Ventana en modo Black Friday */
.int-pop__caja { background: #141414; color: #fff; border-top: 0; border: 2px solid var(--int-naranja); overflow: hidden; }
.int-pop__caja::before { content: ""; position: absolute; right: -70px; top: -70px; width: 200px; height: 200px; border-radius: 50%; background: radial-gradient(circle, rgba(226,106,10,.45), rgba(226,106,10,0) 70%); pointer-events: none; }
.int-pop__etq { display: inline-block; font-family: var(--int-titulos); font-weight: 800; font-style: italic; font-size: 30px; letter-spacing: .02em; text-transform: uppercase; color: #fff; background: var(--int-naranja); padding: 2px 16px; transform: skew(-8deg) rotate(-3deg); margin: 0 0 16px; box-shadow: 4px 4px 0 #fff; color: var(--int-negro); }
.int-pop__sello { background: var(--int-naranja); color: var(--int-negro); box-shadow: 0 0 0 6px rgba(226,106,10,.25); }
.int-pop h2 { color: #fff; }
.int-pop p { color: #c9ccd0; }
.int-pop__x { color: #b9bcc0; }
.int-pop__x:hover { background: #2a2a2a; color: #fff; }
.int-pop__codigo code { background: #1f1f1f; color: var(--int-naranja); }
.int-pop__usar { background: var(--int-naranja) !important; color: var(--int-negro) !important; }
.int-pop__usar:hover { background: #fff !important; }
.int-pop__copiar:hover { background: #fff; color: var(--int-negro); }

/* Ventana de Navidad */
.int-pop--nav .int-pop__etq { background: #fff; color: var(--int-negro); box-shadow: 4px 4px 0 var(--int-naranja); }
.int-pop__nieve { position: absolute; inset: 0; pointer-events: none; overflow: hidden; }
.int-pop__nieve i { position: absolute; top: -20px; color: rgba(255,255,255,.7); font-style: normal; animation: intNieve linear infinite; }
.int-pop__nieve i:nth-child(1){left:5%;animation-duration:7s;font-size:14px}.int-pop__nieve i:nth-child(2){left:14%;animation-duration:9s;animation-delay:1s;font-size:10px}
.int-pop__nieve i:nth-child(3){left:23%;animation-duration:6s;animation-delay:2s}.int-pop__nieve i:nth-child(4){left:32%;animation-duration:10s;font-size:12px}
.int-pop__nieve i:nth-child(5){left:41%;animation-duration:8s;animation-delay:3s;font-size:9px}.int-pop__nieve i:nth-child(6){left:50%;animation-duration:7.5s;animation-delay:.5s}
.int-pop__nieve i:nth-child(7){left:59%;animation-duration:9.5s;animation-delay:2.5s;font-size:11px}.int-pop__nieve i:nth-child(8){left:68%;animation-duration:6.5s;animation-delay:1.5s}
.int-pop__nieve i:nth-child(9){left:77%;animation-duration:8.5s;font-size:10px}.int-pop__nieve i:nth-child(10){left:86%;animation-duration:7s;animation-delay:3.5s;font-size:13px}
.int-pop__nieve i:nth-child(11){left:94%;animation-duration:9s;animation-delay:.8s}.int-pop__nieve i:nth-child(12){left:10%;animation-duration:11s;animation-delay:4s;font-size:8px}
.int-pop__nieve i:nth-child(13){left:46%;animation-duration:10.5s;animation-delay:5s;font-size:9px}.int-pop__nieve i:nth-child(14){left:81%;animation-duration:12s;animation-delay:2s;font-size:8px}
@keyframes intNieve { to { transform: translateY(620px) rotate(200deg); } }
@media (prefers-reduced-motion: reduce) { .int-pop__nieve { display: none; } }

/* ============ MI CUENTA (v2.12) ============ */
.woocommerce-account.logged-in .woocommerce { display: block; }
.int-cuenta { max-width: 1180px; margin: 0 auto; }
.int-cuenta__cab { display: flex; align-items: center; gap: 22px; flex-wrap: wrap; background: var(--int-negro); color: #fff; border-radius: 16px; padding: 28px 32px; margin: 8px 0 28px; position: relative; overflow: hidden; }
.int-cuenta__cab::after { content: ""; position: absolute; right: -80px; top: -80px; width: 260px; height: 260px; border-radius: 50%; background: radial-gradient(circle, rgba(226,106,10,.35), rgba(226,106,10,0) 70%); }
.int-cuenta__ava { flex: 0 0 72px; width: 72px; height: 72px; border-radius: 50%; background: var(--int-naranja); color: var(--int-negro); display: flex; align-items: center; justify-content: center; font-family: var(--int-titulos); font-weight: 800; font-size: 34px; }
.int-cuenta__hola { flex: 1; min-width: 200px; position: relative; z-index: 1; }
.int-cuenta__hola h1 { color: #fff; font-size: clamp(26px, 3vw, 36px); margin: 6px 0 2px; line-height: 1.1; }
.int-cuenta__hola p { color: #b9bcc0; margin: 0; font-size: 14.5px; }
.int-cuenta__tipo { display: inline-block; font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; padding: 4px 10px; border-radius: 999px; background: #2e2e2e; color: #d4d6d9; }
.int-cuenta__tipo.is-pro { background: var(--int-naranja); color: var(--int-negro); }
.int-cuenta__tipo.is-pend { background: #4a3a1a; color: #ffc66b; }
.int-cuenta__stats { display: flex; gap: 12px; position: relative; z-index: 1; }
.int-cuenta__stats a { display: flex; flex-direction: column; min-width: 120px; padding: 12px 18px; border-radius: 12px; background: #222; text-decoration: none; color: #fff; border: 1px solid #333; }
.int-cuenta__stats a:hover { border-color: var(--int-naranja); }
.int-cuenta__stats strong { font-family: var(--int-titulos); font-size: 28px; line-height: 1; color: var(--int-naranja); }
.int-cuenta__stats span { font-size: 13px; color: #b9bcc0; margin-top: 4px; }
.int-cuenta__stats span .amount { color: #b9bcc0; }
.int-cuenta__cuerpo { display: grid; grid-template-columns: 250px minmax(0, 1fr); gap: 32px; align-items: start; }
.woocommerce-account .int-cuenta__nav { position: sticky; top: 150px; }
.woocommerce-account .int-cuenta__nav ul { list-style: none; margin: 0; padding: 8px; border: 1px solid #e3e5e8; border-radius: 14px; background: #fff; overflow: visible; }
.woocommerce-account .int-cuenta__nav li a { display: flex; align-items: center; gap: 12px; padding: 12px 14px; border: 0; border-radius: 10px; color: #2a2a2a; font-weight: 600; font-size: 15px; text-decoration: none; }
.woocommerce-account .int-cuenta__nav li a svg { color: #8a8d91; flex: 0 0 20px; }
.woocommerce-account .int-cuenta__nav li a:hover { background: #fff3ea; color: var(--int-negro); }
.woocommerce-account .int-cuenta__nav li a:hover svg { color: var(--int-naranja); }
.woocommerce-account .int-cuenta__nav li.is-active a { background: var(--int-negro); color: #fff; }
.woocommerce-account .int-cuenta__nav li.is-active a svg { color: var(--int-naranja); }
.woocommerce-account .int-cuenta__nav li.woocommerce-MyAccount-navigation-link--customer-logout { border-top: 1px solid #eceef0; margin-top: 6px; padding-top: 6px; }
.woocommerce-account .int-cuenta__nav li.woocommerce-MyAccount-navigation-link--customer-logout a { color: #b42318; }
.woocommerce-account .int-cuenta__nav li.woocommerce-MyAccount-navigation-link--customer-logout a svg { color: #b42318; }
.int-cuenta__contenido { min-width: 0; }
.int-cuenta__contenido > h2:first-child, .int-cuenta__contenido > h3:first-child { margin-top: 0; }
.int-dash__bloque { border: 1px solid #e3e5e8; border-radius: 14px; padding: 22px 24px; margin-bottom: 22px; background: #fff; }
.int-dash__tit { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 14px; }
.int-dash__tit h2 { font-size: 22px; margin: 0; }
.int-dash__tit a { color: var(--int-naranja); font-weight: 700; text-decoration: none; }
.int-dash__pedidos { display: flex; flex-direction: column; gap: 8px; }
.int-dash__pedido { display: grid; grid-template-columns: 1.1fr 1.4fr auto auto; gap: 14px; align-items: center; padding: 14px 16px; border-radius: 10px; background: var(--int-gris-claro); text-decoration: none; color: var(--int-negro); }
.int-dash__pedido:hover { background: #fff3ea; }
.int-dash__num { font-weight: 700; }
.int-dash__fecha { color: var(--int-gris); font-size: 14px; }
.int-dash__estado { font-size: 12.5px; font-weight: 700; padding: 4px 10px; border-radius: 999px; background: #e3e5e8; white-space: nowrap; }
.int-dash__estado.est-completed { background: #dcf3e2; color: #1a7f37; }
.int-dash__estado.est-processing { background: #fff1d6; color: #9a5b00; }
.int-dash__estado.est-cancelled, .int-dash__estado.est-failed, .int-dash__estado.est-refunded { background: #fde4e1; color: #b42318; }
.int-dash__vacio { text-align: center; padding: 18px 0 8px; }
.int-dash__vacio p { color: var(--int-gris); margin: 0 0 14px; }
.int-dash__tarjetas { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 14px; }
.int-dash__card { display: flex; flex-direction: column; gap: 4px; padding: 18px 20px; border-radius: 14px; border: 1px solid #e3e5e8; background: #fff; text-decoration: none; color: var(--int-negro); transition: border-color .15s, transform .15s; }
.int-dash__card:hover { border-color: var(--int-naranja); transform: translateY(-2px); }
.int-dash__card strong { font-size: 16.5px; }
.int-dash__card span { color: var(--int-gris); font-size: 14px; }
.int-dash__card.is-dest { background: var(--int-negro); border-color: var(--int-negro); }
.int-dash__card.is-dest strong { color: var(--int-naranja); }
.int-dash__card.is-dest span { color: #c9ccd0; }
.int-cuenta__contenido .woocommerce-orders-table, .int-cuenta__contenido .shop_table { border-radius: 12px; overflow: hidden; }
@media (max-width: 900px) {
	.int-cuenta__cuerpo { grid-template-columns: 1fr; gap: 18px; }
	.woocommerce-account .int-cuenta__nav { position: static; }
	.woocommerce-account .int-cuenta__nav ul { display: flex; overflow-x: auto; gap: 4px; scrollbar-width: none; }
	.woocommerce-account .int-cuenta__nav li { flex: 0 0 auto; }
	.woocommerce-account .int-cuenta__nav li.woocommerce-MyAccount-navigation-link--customer-logout { border-top: 0; margin: 0; padding: 0; }
	.woocommerce-account .int-cuenta__nav li a { white-space: nowrap; padding: 10px 12px; font-size: 14px; }
	.int-cuenta__cab { padding: 22px; }
	.int-cuenta__stats { width: 100%; }
	.int-cuenta__stats a { flex: 1; min-width: 0; }
	.int-dash__pedido { grid-template-columns: 1fr auto; }
	.int-dash__fecha { grid-column: 1; }
}

/* Área profesional dentro de Mi cuenta */
.int-proarea { position: relative; overflow: hidden; background: var(--int-negro); color: #fff; border-radius: 16px; padding: 30px 32px; }
.int-proarea::after { content: ""; position: absolute; right: -60px; bottom: -60px; width: 240px; height: 240px; border-radius: 50%; background: radial-gradient(circle, rgba(226,106,10,.35), rgba(226,106,10,0) 70%); pointer-events: none; }
.int-proarea__etq { display: inline-block; background: var(--int-naranja); color: var(--int-negro); font-size: 12px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; padding: 4px 10px; border-radius: 999px; }
.int-proarea.is-pend .int-proarea__etq { background: #ffc66b; }
.int-proarea h2 { color: #fff; font-size: clamp(24px, 2.8vw, 32px); margin: 12px 0 8px; }
.int-proarea p { color: #c9ccd0; font-size: 16px; margin: 0 0 18px; max-width: 560px; }
.int-proarea p strong { color: #fff; }
.int-proarea__lista { list-style: none; margin: 0 0 22px; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 10px; }
.int-proarea__lista li { background: #222; border: 1px solid #333; border-radius: 10px; padding: 12px 14px 12px 40px; position: relative; color: #c9ccd0; font-size: 14.5px; }
.int-proarea__lista li::before { content: "✓"; position: absolute; left: 14px; top: 11px; color: var(--int-naranja); font-weight: 800; }
.int-proarea__lista li strong { color: #fff; }
.int-proarea .int-btn { position: relative; z-index: 1; }
.int-proarea__nota { display: inline-block; margin-left: 14px; color: #8a8d91; font-size: 13.5px; }
.int-proarea__datos { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 10px; margin: 6px 0 18px; }
.int-proarea__datos div { background: #222; border: 1px solid #333; border-radius: 12px; padding: 14px 16px; display: flex; flex-direction: column; gap: 2px; }
.int-proarea__datos strong { font-family: var(--int-titulos); font-size: 24px; color: var(--int-naranja); }
.int-proarea__datos span { color: #b9bcc0; font-size: 13.5px; }
@media (max-width: 600px) { .int-proarea { padding: 24px 20px; } .int-proarea__nota { display: block; margin: 10px 0 0; } }

/* ============ MI CUENTA v2.13 (cabecera tipo banner + apaños WordPress.com) ============ */
.int-cuenta__cab { display: block; min-height: 250px; padding: 34px 40px; background: #141414 var(--int-cab-img) right center / auto 100% no-repeat; }
.int-cuenta__cab::after { display: none; }
.int-cuenta__cab::before { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, #141414 55%, rgba(20,20,20,.75) 72%, rgba(20,20,20,0) 88%); pointer-events: none; }
.int-cuenta__ava { display: none; }
.int-cuenta__hola { position: relative; z-index: 1; max-width: 760px; }
.int-cuenta__hola h1 { font-family: var(--int-titulos); font-weight: 800; font-style: italic; font-size: clamp(32px, 4.4vw, 54px); margin: 10px 0 6px; }
.int-cuenta__hola h1 em { color: var(--int-naranja); font-style: italic; }
.int-cuenta__hola > p { font-style: italic; font-size: 17px; color: #d4d6d9; padding-bottom: 14px; margin-bottom: 18px; background: linear-gradient(90deg, var(--int-naranja), rgba(226,106,10,0)) left bottom / 60% 3px no-repeat; }
.int-cuenta__accesos { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0; }
.int-cuenta__accesos a { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 4px; padding: 6px 10px; color: #fff; text-decoration: none; border-left: 2px solid rgba(226,106,10,.7); }
.int-cuenta__accesos a:first-child { border-left: 0; }
.int-cuenta__accesos a svg { color: #fff; transition: color .15s, transform .15s; }
.int-cuenta__accesos a:hover svg { color: var(--int-naranja); transform: translateY(-2px); }
.int-cuenta__accesos strong { font-family: var(--int-titulos); font-size: 20px; color: var(--int-naranja); line-height: 1.1; }
.int-cuenta__accesos span { font-size: 13.5px; font-weight: 600; }
.int-cuenta__stats { display: none; }
.woocommerce-account .int-cuenta__nav li.is-active a { background: var(--int-naranja); color: var(--int-negro); }
.woocommerce-account .int-cuenta__nav li.is-active a svg { color: var(--int-negro); }

/* Si WordPress.com pinta su propia página de cuenta: quitamos su avatar y ordenamos */
.woocommerce-account.logged-in .woocommerce:has(> .woocommerce-MyAccount-navigation) { display: grid; grid-template-columns: 250px minmax(0, 1fr); gap: 28px 32px; align-items: start; }
.woocommerce-account.logged-in .woocommerce:has(> .woocommerce-MyAccount-navigation) > :not(.woocommerce-MyAccount-navigation):not(.woocommerce-MyAccount-content):not(.woocommerce-notices-wrapper):not(.int-cuenta__cab-wrap) { display: none !important; }
.woocommerce-account .woocommerce > .woocommerce-notices-wrapper, .int-cuenta__cab-wrap { grid-column: 1 / -1; }
.int-cuenta__cab-wrap .int-cuenta__cab { margin: 0; }
.woocommerce-account img.avatar, .woocommerce-account .woocommerce-MyAccount-navigation img { display: none !important; }
.woocommerce-MyAccount-content:has(.int-dash-fallback) > p { display: none; }
.woocommerce-account .woocommerce-MyAccount-navigation ul { padding: 8px; border-radius: 14px; }
.woocommerce-account .woocommerce-MyAccount-navigation li a { display: flex; align-items: center; gap: 12px; padding: 12px 14px; border: 0 !important; border-radius: 10px; font-weight: 600; }
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a { background: var(--int-naranja); color: var(--int-negro); }
.woocommerce-account .woocommerce-MyAccount-navigation:not(.int-cuenta__nav) li a::before { content: ""; width: 20px; height: 20px; flex: 0 0 20px; background: currentColor; -webkit-mask: var(--ico) center / contain no-repeat; mask: var(--ico) center / contain no-repeat; opacity: .75; }
.woocommerce-MyAccount-navigation-link--dashboard { --ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8'%3E%3Cpath d='M3 11l9-8 9 8v9a1 1 0 0 1-1 1h-5v-6H9v6H4a1 1 0 0 1-1-1z'/%3E%3C/svg%3E"); }
.woocommerce-MyAccount-navigation-link--area-profesional { --ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8'%3E%3Crect x='3' y='7' width='18' height='13' rx='2'/%3E%3Cpath d='M9 7V5a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v2M3 13h18'/%3E%3C/svg%3E"); }
.woocommerce-MyAccount-navigation-link--orders { --ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8'%3E%3Cpath d='M21 8l-9-5-9 5v8l9 5 9-5z'/%3E%3Cpath d='M3 8l9 5 9-5M12 13v8'/%3E%3C/svg%3E"); }
.woocommerce-MyAccount-navigation-link--mis-puntos { --ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8'%3E%3Cellipse cx='9' cy='6' rx='6' ry='2.5'/%3E%3Cpath d='M3 6v4c0 1.4 2.7 2.5 6 2.5M3 10v4c0 1.4 2.7 2.5 6 2.5'/%3E%3Ccircle cx='16.5' cy='15.5' r='4.5'/%3E%3C/svg%3E"); }
.woocommerce-MyAccount-navigation-link--edit-address { --ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8'%3E%3Cpath d='M12 21s-7-6.2-7-12a7 7 0 0 1 14 0c0 5.8-7 12-7 12z'/%3E%3Ccircle cx='12' cy='9' r='2.5'/%3E%3C/svg%3E"); }
.woocommerce-MyAccount-navigation-link--edit-account { --ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8'%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M19.4 15a1.7 1.7 0 0 0 .3 1.8l.1.1a2 2 0 1 1-2.8 2.8l-.1-.1a1.7 1.7 0 0 0-1.8-.3 1.7 1.7 0 0 0-1 1.5V21a2 2 0 1 1-4 0v-.1a1.7 1.7 0 0 0-1.1-1.5 1.7 1.7 0 0 0-1.8.3l-.1.1a2 2 0 1 1-2.8-2.8l.1-.1a1.7 1.7 0 0 0 .3-1.8 1.7 1.7 0 0 0-1.5-1H3a2 2 0 1 1 0-4h.1a1.7 1.7 0 0 0 1.5-1.1 1.7 1.7 0 0 0-.3-1.8l-.1-.1a2 2 0 1 1 2.8-2.8l.1.1a1.7 1.7 0 0 0 1.8.3H9a1.7 1.7 0 0 0 1-1.5V3a2 2 0 1 1 4 0v.1a1.7 1.7 0 0 0 1 1.5 1.7 1.7 0 0 0 1.8-.3l.1-.1a2 2 0 1 1 2.8 2.8l-.1.1a1.7 1.7 0 0 0-.3 1.8V9a1.7 1.7 0 0 0 1.5 1H21a2 2 0 1 1 0 4h-.1a1.7 1.7 0 0 0-1.5 1z'/%3E%3C/svg%3E"); }
.woocommerce-MyAccount-navigation-link--customer-logout { --ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8'%3E%3Cpath d='M15 4h4a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1h-4M10 17l5-5-5-5M15 12H3'/%3E%3C/svg%3E"); }
@media (max-width: 900px) {
	.woocommerce-account.logged-in .woocommerce:has(> .woocommerce-MyAccount-navigation) { grid-template-columns: 1fr; }
	.int-cuenta__cab { padding: 24px 20px; background-image: none; }
	.int-cuenta__accesos { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 14px; }
	.int-cuenta__accesos a:nth-child(3) { border-left: 0; }
}