/* ==========================================================================
   Bicyrekkord 2026 — tema
   Negro #0B0D0C · Verde #00BF1A · Verde oscuro (texto sobre claro) #0B7D1C
   Display: Barlow Condensed (itálica) · Texto: Montserrat
   ========================================================================== */
@property --brk-ang { syntax: '<angle>'; inherits: false; initial-value: 0deg; }

:root {
	--negro: #0B0D0C; --negro-2: #141815; --negro-3: #1B1F1C;
	--verde: #00BF1A; --verde-hover: #2BD843; --verde-osc: #0B7D1C; --verde-brillo: #7CFF8A;
	--claro: #F3F5F3; --borde: #D5DBD7; --gris: #4A544D; --gris-2: #5F6A63; --gris-osc: #C9D0CB;
	--radio: 18px;
	--disp: "Barlow Condensed", Montserrat, system-ui, sans-serif;
	--texto: Montserrat, system-ui, -apple-system, "Segoe UI", sans-serif;
}
*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--claro); color: var(--negro); font-family: var(--texto); font-size: 16px; line-height: 1.55; -webkit-font-smoothing: antialiased; }
img, svg, video { max-width: 100%; }
img { height: auto; display: block; }
a { color: var(--verde-osc); text-decoration: none; }
a:hover { color: var(--negro); }
:focus-visible { outline: 2px solid var(--verde); outline-offset: 2px; }
.screen-reader-text { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.skip-link:focus { position: fixed !important; top: 8px; left: 8px; width: auto; height: auto; clip: auto; z-index: 100; background: var(--verde); color: var(--negro); padding: 10px 16px; border-radius: 8px; }
.brk-wrap { max-width: 1280px; margin: 0 auto; padding: 0 24px; }
.brk-disp { font-family: var(--disp); font-style: italic; font-weight: 900; text-transform: uppercase; letter-spacing: -.01em; line-height: .9; }
.brk-eyebrow { font-size: 13px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; margin: 0; }
.brk-eyebrow--linea { display: flex; align-items: center; gap: 10px; color: var(--verde); }
.brk-eyebrow--linea::before { content: ""; width: 28px; height: 2px; background: var(--verde); }
.brk-verde { color: var(--verde); }
.brk-verde-osc { color: var(--verde-osc); }
.brk-h2 { font-size: clamp(44px, 6vw, 80px); margin: 12px 0 0; }
.brk-movil { display: none !important; }

/* Botones */
.brk-btn, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit,
.wp-element-button, .woocommerce a.button.alt, .woocommerce button.button.alt {
	display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 48px; padding: 0 26px;
	border-radius: 999px; font-family: var(--texto); font-weight: 700; font-size: 15px; line-height: 1.2; border: 0; cursor: pointer;
	background: var(--negro); color: #fff; text-decoration: none; transition: transform .2s, background .2s, color .2s;
}
.brk-btn:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover { transform: translateY(-2px); background: #1d221f; color: #fff; }
.brk-btn--verde, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce #place_order, .woocommerce .single_add_to_cart_button, .woocommerce a.checkout-button {
	background: var(--verde) !important; color: var(--negro) !important;
}
.brk-btn--verde:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce #place_order:hover, .woocommerce .single_add_to_cart_button:hover { background: var(--verde-hover) !important; color: var(--negro) !important; }
.brk-btn--negro { background: var(--negro); color: #fff; }
.brk-btn--linea { background: transparent; color: #fff; border: 1.5px solid rgba(255,255,255,.35); }
.brk-btn--linea:hover { background: transparent; border-color: var(--verde); color: var(--verde); }
.woocommerce button.button:disabled, .woocommerce button.button.disabled { opacity: .5; }

/* Corriente eléctrica que recorre el borde */
.brk-volt { position: relative; isolation: isolate; }
.brk-volt::before {
	content: ""; position: absolute; inset: -2px; border-radius: inherit; padding: 2px; pointer-events: none; z-index: 3;
	background: conic-gradient(from var(--brk-ang), transparent 0 62%, var(--verde) 76%, #DFFFE2 82%, var(--verde) 88%, transparent 100%);
	-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask-composite: exclude;
	opacity: 0; transition: opacity .35s; animation: brk-giro 2.4s linear infinite;
}
.brk-volt:hover::before, .brk-volt.is-live::before, .brk-volt:focus-within::before { opacity: 1; }
@keyframes brk-giro { to { --brk-ang: 360deg; } }

/* Barra superior */
.brk-topbar { background: var(--verde); color: var(--negro); font-size: 13px; font-weight: 700; }
.brk-topbar .brk-wrap { display: flex; align-items: center; justify-content: center; gap: 10px; min-height: 38px; flex-wrap: wrap; text-align: center; }
.brk-topbar__2 { font-weight: 600; }

/* Encabezado */
.brk-header { position: sticky; top: 0; z-index: 50; background: rgba(11,13,12,.94); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border-bottom: 1px solid rgba(255,255,255,.08); }
.admin-bar .brk-header { top: 32px; }
.brk-header__row { display: flex; align-items: center; gap: 20px; min-height: 76px; transition: min-height .25s; }
.brk-header.is-compacto .brk-header__row { min-height: 64px; }
.brk-brand { display: flex; align-items: center; gap: 12px; flex: 0 0 auto; }
.brk-brand img { height: 24px; width: auto; }
.brk-iso__ring { stroke-dasharray: 1160; stroke-dashoffset: 1160; animation: brk-carga-iso 1.6s ease-out .2s forwards; }
.brk-brand:hover .brk-iso__ring { animation: brk-carga-iso 1s ease-out forwards; stroke-dashoffset: 1160; }
@keyframes brk-carga-iso { to { stroke-dashoffset: 0; } }
.brk-nav { margin-left: 18px; flex: 1 1 auto; }
.brk-menu { list-style: none; margin: 0; padding: 0; display: flex; gap: 22px; flex-wrap: wrap; }
.brk-menu a { position: relative; display: inline-block; padding: 8px 2px; color: #E8ECE9; font-size: 14px; font-weight: 600; }
.brk-menu a::after { content: ""; position: absolute; left: 2px; right: 2px; bottom: 2px; height: 2px; background: var(--verde); transform: scaleX(0); transform-origin: left; transition: transform .25s; }
.brk-menu a:hover, .brk-menu .current-menu-item > a, .brk-menu .current_page_item > a { color: #fff; }
.brk-menu a:hover::after, .brk-menu .current-menu-item > a::after, .brk-menu .current_page_item > a::after { transform: scaleX(1); }
.brk-menu .sub-menu { display: none; }
.brk-header__tools { margin-left: auto; display: flex; align-items: center; gap: 10px; }
.brk-iconbtn { position: relative; width: 44px; height: 44px; border-radius: 999px; border: 1px solid rgba(255,255,255,.16); background: transparent; color: #fff; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; }
.brk-iconbtn:hover { border-color: var(--verde); color: var(--verde); }
.brk-badge-cart { position: absolute; top: -4px; right: -4px; min-width: 20px; height: 20px; padding: 0 5px; border-radius: 999px; background: var(--verde); color: var(--negro); font-size: 11px; font-weight: 800; display: flex; align-items: center; justify-content: center; }
.brk-badge-cart[hidden] { display: none; }
.brk-langs { display: flex; gap: 2px; border: 1px solid rgba(255,255,255,.14); border-radius: 8px; padding: 3px; }
.brk-langs a { color: #9AA39D; font-weight: 700; font-size: 12px; padding: 6px 7px; border-radius: 6px; }
.brk-langs a.is-on { color: var(--negro); background: var(--verde); }
.brk-nav__langs-movil { display: none; }
.brk-carga { height: 3px; background: rgba(255,255,255,.06); overflow: hidden; }
.brk-carga i { display: block; height: 3px; background: var(--verde); box-shadow: 0 0 10px var(--verde); transform: scaleX(0); transform-origin: left; }

/* Líneas de velocidad (ángulo de la K) */
.brk-lineas { position: absolute; inset: 0; pointer-events: none; background: repeating-linear-gradient(-62deg, transparent 0 46px, rgba(0,191,26,.07) 46px 48px); animation: brk-lineas 6s linear infinite; }
@keyframes brk-lineas { to { background-position: 220px 0; } }

/* Portada */
.brk-hero { position: relative; overflow: hidden; color: #fff; background: radial-gradient(900px 520px at 24% 55%, rgba(0,191,26,.2), transparent 70%), var(--negro); }
.brk-hero__grid { position: relative; display: grid; grid-template-columns: 1fr 1.05fr; gap: 24px; align-items: center; padding-top: 56px; }
.brk-hero__visual { position: relative; align-self: end; display: flex; justify-content: center; min-height: 560px; }
.brk-hero__ring { position: absolute; left: 50%; top: 10px; width: 92%; max-width: 560px; transform: translateX(-50%); overflow: visible; }
.brk-ring-charge { stroke-dasharray: 1571; stroke-dashoffset: 1571; animation: brk-anillo 2.2s cubic-bezier(.6,.05,.25,1) .3s forwards; }
@keyframes brk-anillo { to { stroke-dashoffset: 0; } }
.brk-ring-spark { stroke-dasharray: 70 1501; opacity: 0; animation: brk-orbita 2.6s linear 2.4s infinite; filter: drop-shadow(0 0 6px #00FF2A) drop-shadow(0 0 14px var(--verde)); }
@keyframes brk-orbita { 0% { opacity: 1; stroke-dashoffset: 0; } 100% { opacity: 1; stroke-dashoffset: -1571; } }
.brk-bolt { opacity: 0; animation: brk-chispa 3.2s steps(1) infinite; }
.brk-bolt.b2 { animation-delay: 1.1s; } .brk-bolt.b3 { animation-delay: 2.2s; }
@keyframes brk-chispa { 0% { opacity: 0; } 3% { opacity: 1; } 6% { opacity: .2; } 9% { opacity: 1; } 14%, 100% { opacity: 0; } }
.brk-hero__carga { position: absolute; top: 26px; left: 4%; z-index: 3; display: flex; align-items: center; gap: 10px; background: rgba(11,13,12,.8); border: 1px solid rgba(0,191,26,.5); border-radius: 12px; padding: 10px 14px; color: var(--verde); }
.brk-hero__carga small { display: block; font-size: 10px; letter-spacing: .14em; font-weight: 700; color: #9AA39D; }
.brk-hero__carga b { font-size: 26px; color: #fff; }
.brk-hero__media { position: relative; z-index: 1; width: 100%; max-width: 600px; margin-top: 70px; filter: drop-shadow(0 30px 40px rgba(0,0,0,.6)); }
video.brk-hero__media { border-radius: 24px; object-fit: cover; aspect-ratio: 4 / 5; max-width: 480px; }
.brk-hero__visual::after { content: ""; position: absolute; left: -24px; right: -24px; bottom: 0; height: 140px; background: linear-gradient(transparent, var(--negro)); z-index: 2; }
.brk-hero__texto { display: flex; flex-direction: column; gap: 26px; padding: 0 0 64px 12px; }
.brk-hero__h1 { margin: 0; font-size: clamp(56px, 8.2vw, 112px); }
.brk-hero__h1 span { display: block; }
.brk-hero__lead { margin: 0; max-width: 520px; font-size: 17px; color: var(--gris-osc); }
.brk-hero__ctas { display: flex; gap: 12px; flex-wrap: wrap; }
.brk-stats { display: flex; gap: 36px; flex-wrap: wrap; margin: 0; padding-top: 10px; border-top: 1px solid rgba(255,255,255,.1); }
.brk-stats div { padding-top: 18px; }
.brk-stats dt { font-size: 44px; }
.brk-stats dd { margin: 6px 0 0; font-size: 12px; color: #9AA39D; font-weight: 600; }

/* Franja animada */
.brk-marq { overflow: hidden; white-space: nowrap; background: var(--negro); color: #fff; border-top: 1px solid rgba(255,255,255,.08); border-bottom: 1px solid rgba(255,255,255,.08); padding: 22px 0; }
.brk-marq__track { display: flex; width: max-content; animation: brk-marq 34s linear infinite; }
.brk-marq__track span { font-size: 54px; padding: 0 26px; display: inline-flex; align-items: center; gap: 52px; }
.brk-marq__track svg { color: var(--verde); }
.brk-outline { color: transparent; -webkit-text-stroke: 1.5px rgba(255,255,255,.55); }
@keyframes brk-marq { to { transform: translateX(-50%); } }

/* Secciones */
.brk-sec { padding: 96px 0; }
.brk-sec--claro { background: var(--claro); }
.brk-oscuro { background: var(--negro); color: #fff; }
.brk-sec__head { display: flex; align-items: end; justify-content: space-between; gap: 24px; flex-wrap: wrap; margin-bottom: 40px; }
.brk-sec__head > div { max-width: 640px; }
.brk-sec__head p { margin: 14px 0 0; color: var(--gris); }
.brk-cats { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 16px; }
.brk-cat { background: #fff; border-radius: var(--radio); padding: 16px 16px 18px; display: flex; flex-direction: column; gap: 12px; color: var(--negro); transition: transform .25s; }
.brk-cat:hover { transform: translateY(-4px); color: var(--negro); }
.brk-cat__img { aspect-ratio: 4 / 3; display: flex; align-items: center; justify-content: center; background: var(--claro); border-radius: 12px; padding: 12px; }
.brk-cat__img { overflow: hidden; }
.brk-cat__img img { width: 100%; height: 100%; object-fit: contain; mix-blend-mode: multiply; }
.brk-cat__txt { display: flex; align-items: center; justify-content: space-between; gap: 8px; font-weight: 700; font-size: 14px; line-height: 1.3; }
.brk-cat__txt svg { color: var(--verde-osc); flex: 0 0 auto; }

/* Motor */
.brk-motor { background: var(--negro); color: #fff; overflow: hidden; }
.brk-motor__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 48px; align-items: center; }
.brk-rueda { position: relative; width: 100%; max-width: 500px; aspect-ratio: 1; margin: 0 auto; }
.brk-rueda__gauge { position: absolute; inset: 0; width: 100%; height: 100%; }
#brk-gauge { transition: stroke-dashoffset .25s; filter: drop-shadow(0 0 8px var(--verde)); }
.brk-rueda__idle { position: absolute; inset: 7%; animation: brk-idle 9s linear infinite; }
.brk-rueda__idle > div, .brk-rueda__idle svg { width: 100%; height: 100%; }
@keyframes brk-idle { to { transform: rotate(360deg); } }
.brk-rueda__vel { position: absolute; left: 50%; bottom: -6px; transform: translateX(-50%); background: var(--negro); border: 1px solid rgba(0,191,26,.5); border-radius: 14px; padding: 10px 18px; text-align: center; }
.brk-rueda__vel b { display: block; font-size: 40px; color: var(--verde); }
.brk-rueda__vel small { font-size: 10px; letter-spacing: .14em; font-weight: 700; color: #9AA39D; text-transform: uppercase; }
.brk-motor__txt { display: flex; flex-direction: column; gap: 18px; }
.brk-motor__txt .brk-h2 { margin: 0; }
.brk-motor__txt p { margin: 0; color: var(--gris-osc); max-width: 520px; }
.brk-motores { list-style: none; margin: 8px 0 0; padding: 0; display: flex; flex-direction: column; gap: 12px; }
.brk-motores li { display: flex; align-items: center; gap: 16px; background: var(--negro-2); border-radius: 16px; padding: 12px 14px; }
.brk-motores__img { flex: 0 0 76px; height: 76px; border-radius: 12px; background: #fff; padding: 6px; display: flex; align-items: center; justify-content: center; }
.brk-motores__img img { max-height: 100%; width: auto; object-fit: contain; }
.brk-motores__info { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 6px; }
.brk-motores__info a { color: #fff; font-weight: 700; font-size: 14px; line-height: 1.35; }
.brk-motores__info a:hover { color: var(--verde); }
.brk-motores__info .brk-sku { color: var(--verde); padding: 0; }
.brk-motores__precio { font-weight: 800; white-space: nowrap; }
.brk-motores__precio .woocommerce-Price-amount { color: #fff; }

/* Envío gratis */
.brk-envio { background: var(--verde); color: var(--negro); }
.brk-envio__row { display: flex; align-items: center; justify-content: space-between; gap: 28px; flex-wrap: wrap; padding-top: 56px; padding-bottom: 56px; }
.brk-envio .brk-h2 { margin: 0; font-size: clamp(52px, 7vw, 92px); }
.brk-envio p { margin: 8px 0 0; font-size: 20px; font-weight: 700; }
.brk-envio__cta { display: flex; align-items: center; gap: 14px; }

/* Talleres y redes */
.brk-dos { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.brk-tarjeta { border-radius: 24px; background: var(--negro-2); padding: 44px; display: flex; flex-direction: column; gap: 18px; min-height: 300px; color: #fff; }
.brk-tarjeta > svg { color: var(--verde); }
.brk-tarjeta h2 { margin: 0; font-size: 54px; }
.brk-tarjeta p { margin: 0; color: var(--gris-osc); max-width: 460px; }
.brk-tarjeta__ctas { margin-top: auto; display: flex; gap: 10px; flex-wrap: wrap; }
.brk-social { padding: 0 0 96px; }
.brk-social__row { border-top: 1px solid rgba(255,255,255,.1); padding-top: 64px; }
.brk-social__handle { display: inline-block; color: #fff; }
.brk-social__handle:hover { color: var(--verde); }
.brk-social p { color: var(--gris-osc); }

/* Banda de título (tienda, páginas) */
.brk-banda { position: relative; overflow: hidden; background: var(--negro); color: #fff; }
.brk-banda .brk-wrap { position: relative; padding-top: 52px; padding-bottom: 52px; }
.brk-banda--corta .brk-wrap { padding-top: 40px; padding-bottom: 40px; }
.brk-banda__h1 { margin: 12px 0 0; font-size: clamp(48px, 7vw, 96px); }
.brk-banda .woocommerce-breadcrumb, .brk-banda .woocommerce-breadcrumb a { color: #9AA39D; font-size: 13px; font-weight: 600; margin: 0; }
.brk-banda .woocommerce-breadcrumb a:hover { color: #fff; }
.brk-404__num { font-size: 160px; color: var(--verde); margin: 0; }

/* Tienda */
.brk-woo__cuerpo, .brk-pagina__cuerpo { padding-top: 40px; padding-bottom: 96px; }
.brk-tienda { display: flex; flex-wrap: wrap; gap: 32px; }
.brk-tienda__side { flex: 1 1 230px; display: flex; flex-direction: column; gap: 12px; }
.brk-tienda__main { flex: 999 1 560px; min-width: 0; }
.brk-chips { display: flex; flex-direction: column; gap: 8px; }
.brk-chip { display: flex; justify-content: space-between; align-items: center; gap: 8px; min-height: 40px; padding: 0 16px; border-radius: 999px; background: #fff; border: 1px solid var(--borde); color: #26302A; font-size: 13px; font-weight: 600; }
.brk-chip small { color: var(--gris-2); font-weight: 700; }
.brk-chip:hover { border-color: var(--negro); color: var(--negro); }
.brk-chip.is-on { background: var(--negro); color: #fff; border-color: var(--negro); }
.brk-chip.is-on small { color: var(--verde); }
.brk-buscador { position: relative; }
.brk-buscador svg { position: absolute; left: 16px; top: 15px; color: var(--gris-2); }
.brk-buscador input { width: 100%; min-height: 48px; border-radius: 999px; border: 1px solid var(--borde); padding: 0 18px 0 44px; font: inherit; font-size: 14px; background: #fff; }
.woocommerce .woocommerce-result-count { color: var(--gris); font-size: 14px; font-weight: 600; margin: 12px 0 20px; }
.woocommerce .woocommerce-ordering select { min-height: 44px; border-radius: 999px; border: 1px solid var(--borde); padding: 0 16px; font: inherit; font-size: 14px; background: #fff; }

/* Tarjetas de producto (WooCommerce) */
.woocommerce ul.products { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; margin: 0; padding: 0; }
.brk-tienda__main .woocommerce ul.products, .brk-tienda__main ul.products { grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); }
.woocommerce ul.products::before, .woocommerce ul.products::after { display: none !important; }
.woocommerce ul.products li.product { float: none !important; width: auto !important; margin: 0 !important; background: #fff; border-radius: var(--radio); padding: 0 0 18px; display: flex; flex-direction: column; position: relative; isolation: isolate; transition: transform .25s, box-shadow .25s; }
.woocommerce ul.products li.product::before { content: ""; position: absolute; inset: -2px; border-radius: inherit; padding: 2px; pointer-events: none; z-index: 3; background: conic-gradient(from var(--brk-ang), transparent 0 62%, var(--verde) 76%, #DFFFE2 82%, var(--verde) 88%, transparent 100%); -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask-composite: exclude; opacity: 0; transition: opacity .35s; animation: brk-giro 2.4s linear infinite; }
.woocommerce ul.products li.product:hover { transform: translateY(-4px); box-shadow: 0 18px 40px -18px rgba(0,0,0,.35); }
.woocommerce ul.products li.product:hover::before { opacity: 1; }
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link { display: flex; flex-direction: column; flex: 1; color: var(--negro); }
.woocommerce ul.products li.product a img { margin: 0 0 6px; aspect-ratio: 1; object-fit: contain; padding: 18px; border-radius: var(--radio) var(--radio) 0 0; background: #fff; transition: transform .35s; }
.woocommerce ul.products li.product:hover a img { transform: scale(1.05) rotate(-1.5deg); }
.brk-sku { display: block; font-size: 11px; font-weight: 700; letter-spacing: .1em; color: var(--gris-2); padding: 0 18px; }
.woocommerce ul.products li.product .woocommerce-loop-product__title { font-family: var(--texto); font-size: 14px !important; font-weight: 600; line-height: 1.35; padding: 8px 18px 0 !important; min-height: 57px; margin: 0; }
.woocommerce ul.products li.product .price { color: var(--negro) !important; font-weight: 800; font-size: 18px !important; padding: 0 18px; margin: 12px 0 0 !important; }
.woocommerce ul.products li.product .price del { opacity: .5; font-size: 14px; }
.woocommerce ul.products li.product .button { display: inline-flex; align-items: center; line-height: 1; margin: 12px 18px 0 !important; min-height: 44px; padding: 0 18px; font-size: 14px; align-self: flex-start; }
.woocommerce ul.products li.product .button:hover { background: var(--verde); color: var(--negro); }
.woocommerce ul.products li.product .added_to_cart { padding: 8px 18px 0; font-size: 13px; font-weight: 700; }
.woocommerce span.onsale { background: var(--verde); color: var(--negro); font-weight: 800; border-radius: 999px; min-height: 0; line-height: 1; padding: 8px 12px; top: 12px; left: 12px; }
.woocommerce nav.woocommerce-pagination ul { border: 0; display: flex; gap: 6px; }
.woocommerce nav.woocommerce-pagination ul li { border: 0; }
.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span { border-radius: 10px; background: #fff; min-width: 40px; padding: 10px; }
.woocommerce nav.woocommerce-pagination ul li span.current { background: var(--negro); color: #fff; }

/* Ficha de producto */
.brk-woo--producto .woocommerce-breadcrumb { font-size: 13px; color: var(--gris); font-weight: 600; margin-bottom: 24px; }
.woocommerce div.product { display: grid; grid-template-columns: 1fr 1fr; gap: 48px; align-items: start; }
.woocommerce div.product div.images, .woocommerce div.product div.summary { float: none !important; width: auto !important; margin: 0 !important; }
.woocommerce div.product div.images { background: #fff; border-radius: 24px; padding: 32px; position: relative; isolation: isolate; }
.woocommerce div.product div.images img { aspect-ratio: 1; object-fit: contain; }
.woocommerce div.product .woocommerce-tabs, .woocommerce div.product .related, .woocommerce div.product .upsells { grid-column: 1 / -1; }
.woocommerce div.product .product_title { font-family: var(--texto); font-size: 34px; line-height: 1.2; font-weight: 800; margin: 0 0 16px; }
.woocommerce div.product .summary .price { font-family: var(--disp); font-style: italic; font-weight: 900; font-size: 56px; color: var(--negro) !important; line-height: 1; margin: 0 0 20px; }
.woocommerce div.product form.cart { display: flex; gap: 12px; align-items: center; flex-wrap: wrap; margin: 0 0 20px; }
.woocommerce div.product form.cart::before, .woocommerce div.product form.cart::after { display: none; }
.woocommerce div.product form.cart .single_add_to_cart_button { flex: 1 1 220px; min-height: 52px; }
.woocommerce .quantity .qty { width: 92px; min-height: 52px; border-radius: 999px; border: 1px solid var(--borde); font: inherit; font-weight: 800; text-align: center; }
.woocommerce div.product .product_meta { font-size: 13px; color: var(--gris); display: flex; flex-direction: column; gap: 4px; padding-top: 16px; border-top: 1px solid var(--borde); }
.woocommerce div.product .product_meta .sku { color: var(--negro); font-weight: 700; }
.woocommerce div.product .woocommerce-tabs ul.tabs { padding: 0; margin: 0 0 20px; display: flex; gap: 8px; flex-wrap: wrap; }
.woocommerce div.product .woocommerce-tabs ul.tabs::before, .woocommerce div.product .woocommerce-tabs ul.tabs li::before, .woocommerce div.product .woocommerce-tabs ul.tabs li::after { display: none; }
.woocommerce div.product .woocommerce-tabs ul.tabs li { border: 1px solid var(--borde); background: #fff; border-radius: 999px; margin: 0; padding: 0; }
.woocommerce div.product .woocommerce-tabs ul.tabs li a { padding: 10px 18px; font-weight: 700; color: var(--negro); }
.woocommerce div.product .woocommerce-tabs ul.tabs li.active { background: var(--negro); border-color: var(--negro); }
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a { color: #fff; }
.woocommerce div.product .woocommerce-tabs .panel { background: #fff; border-radius: var(--radio); padding: 28px; margin: 0; }
.woocommerce div.product .woocommerce-tabs .panel h2:first-child { display: none; }
.woocommerce .related > h2, .woocommerce .upsells > h2 { font-family: var(--disp); font-style: italic; font-weight: 900; text-transform: uppercase; font-size: 56px; line-height: .9; margin: 64px 0 28px; }

/* Barra de envío gratis (batería) */
.brk-envio-barra { background: #fff; border-radius: 16px; padding: 16px 20px; display: flex; flex-direction: column; gap: 10px; margin: 0 0 20px; }
.brk-envio-barra[hidden] { display: none; }
.brk-envio-barra__txt { font-size: 13px; font-weight: 700; }
.brk-batt { height: 14px; border-radius: 4px; border: 2px solid var(--negro); padding: 2px; position: relative; margin-right: 6px; }
.brk-batt::after { content: ""; position: absolute; right: -6px; top: 3px; width: 4px; height: 4px; background: var(--negro); border-radius: 0 2px 2px 0; }
.brk-batt i { display: block; height: 100%; border-radius: 2px; background: repeating-linear-gradient(90deg, var(--verde) 0 10px, #0BD626 10px 12px); transition: width .5s; }

/* Avisos */
.woocommerce-message, .woocommerce-info, .woocommerce-error, .woocommerce-notices-wrapper .wc-block-components-notice-banner { border-radius: 14px; border: 0 !important; background: #fff; box-shadow: inset 4px 0 0 var(--verde); padding: 16px 20px 16px 52px !important; font-size: 14px; color: var(--negro); }
.woocommerce-error { box-shadow: inset 4px 0 0 #C62828; }
.woocommerce-message::before, .woocommerce-info::before { color: var(--verde-osc) !important; }
.woocommerce-message .button, .woocommerce-info .button { min-height: 38px !important; padding: 0 16px !important; font-size: 13px !important; }

/* Formularios */
.woocommerce form .form-row { margin: 0 0 14px; padding: 0; }
.woocommerce form .form-row label, .woocommerce-page form .form-row label { font-size: 13px; font-weight: 700; margin-bottom: 6px; display: block; }
.woocommerce form .form-row .input-text, .woocommerce form .form-row select, .woocommerce-page form .form-row .input-text, .select2-container .select2-selection--single, .woocommerce form .form-row textarea {
	width: 100%; min-height: 48px; border-radius: 12px; border: 1px solid var(--borde); background: #fff; padding: 10px 14px; font: inherit; font-size: 15px; color: var(--negro);
}
.select2-container .select2-selection--single { display: flex; align-items: center; }
.select2-container--default .select2-selection--single .select2-selection__arrow { top: 11px; right: 8px; }
.woocommerce form .form-row .input-text:focus, .woocommerce form .form-row select:focus { border-color: var(--verde); outline: 2px solid rgba(0,191,26,.25); outline-offset: 0; }
.woocommerce form .form-row.woocommerce-invalid .input-text { border-color: #C62828; }
.woocommerce form .form-row .required { color: #C62828; }
fieldset { border: 0; padding: 0; margin: 0 0 16px; }
legend { font-weight: 800; font-size: 15px; margin-bottom: 10px; }

/* Páginas de cuenta, carrito y pago */
.brk-contenido-texto { max-width: 820px; }
.brk-contenido-texto--ancho { max-width: none; }
.brk-pagina--woo .brk-contenido-texto > .woocommerce { width: 100%; }
.woocommerce-account .u-columns.col2-set, #customer_login { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
#customer_login::before, #customer_login::after { display: none; }
#customer_login .u-column1, #customer_login .u-column2 { float: none; width: auto; background: #fff; border-radius: 24px; padding: 32px; }
#customer_login h2 { font-family: var(--disp); font-style: italic; font-weight: 900; text-transform: uppercase; font-size: 44px; line-height: .9; margin: 0 0 20px; }
.woocommerce form.login, .woocommerce form.register { border: 0; padding: 0; margin: 0; }
.woocommerce-account .woocommerce { display: flex; flex-wrap: wrap; gap: 32px; }
.woocommerce-account .woocommerce > .woocommerce-notices-wrapper { flex: 1 1 100%; }
.woocommerce-account .woocommerce-MyAccount-navigation { float: none; width: auto; flex: 1 1 220px; }
.woocommerce-account .woocommerce-MyAccount-content { float: none; width: auto; flex: 999 1 560px; min-width: 0; background: #fff; border-radius: 24px; padding: 32px; }
.woocommerce-MyAccount-navigation ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px; }
.woocommerce-MyAccount-navigation li a { display: block; padding: 12px 18px; border-radius: 999px; background: #fff; border: 1px solid var(--borde); color: var(--negro); font-weight: 600; font-size: 14px; }
.woocommerce-MyAccount-navigation li a:hover { border-color: var(--negro); }
.woocommerce-MyAccount-navigation li.is-active a { background: var(--negro); color: #fff; border-color: var(--negro); }
.woocommerce table.shop_table { border-radius: 16px; border: 1px solid #E3E8E4; border-collapse: separate; background: #fff; }
.woocommerce table.shop_table th { font-size: 12px; text-transform: uppercase; letter-spacing: .08em; color: var(--gris); }
.woocommerce table.shop_table td, .woocommerce table.shop_table th { padding: 14px 16px; border-color: #E3E8E4; }
.woocommerce-orders-table .woocommerce-orders-table__cell-order-status { font-weight: 700; }
.woocommerce-cart .cart-collaterals .cart_totals, .woocommerce-checkout #order_review { background: #fff; border-radius: 24px; padding: 28px; }
.woocommerce-cart .cart-collaterals .cart_totals h2, .woocommerce-checkout h3 { font-family: var(--disp); font-style: italic; font-weight: 900; text-transform: uppercase; font-size: 36px; line-height: .95; margin: 0 0 16px; }
.woocommerce table.cart img { width: 72px; border-radius: 10px; }
.woocommerce-checkout form.checkout { display: grid; grid-template-columns: 1.2fr 1fr; gap: 32px; align-items: start; }
.woocommerce-checkout form.checkout > .woocommerce-NoticeGroup, .woocommerce-checkout form.checkout > .woocommerce-notices-wrapper { grid-column: 1 / -1; }
.woocommerce-checkout #customer_details { grid-column: 1; grid-row: 1 / span 3; }
.woocommerce-checkout #order_review_heading, .woocommerce-checkout #order_review { grid-column: 2; }
.woocommerce-checkout #order_review_heading { margin: 0; }
.woocommerce-checkout .col2-set .col-1, .woocommerce-checkout .col2-set .col-2 { float: none; width: auto; background: #fff; border-radius: 24px; padding: 28px; margin-bottom: 20px; }
.woocommerce-checkout #payment { background: var(--claro); border-radius: 16px; }
.woocommerce-checkout #payment ul.payment_methods { border-color: var(--borde); }
.woocommerce-checkout #payment div.payment_box { background: #fff; border-radius: 12px; }
.woocommerce-checkout #payment div.payment_box::before { border-bottom-color: #fff; }
.woocommerce #payment #place_order { width: 100%; min-height: 56px; font-size: 16px; }

/* Plugin de operaciones (registro, factura, seguimiento) */
.brk-fe { background: var(--claro); border-radius: 16px; padding: 20px; margin-top: 24px; }
.brk-fe h3 { font-size: 30px !important; }
.brk-seguimiento, .brk-ultimo { background: var(--claro); border-radius: 16px; padding: 20px 22px; }
.brk-seguimiento h2, .brk-ultimo h2 { font-size: 18px; margin: 0 0 6px; }

/* Blog */
.brk-posts { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 20px; }
.brk-post { background: #fff; border-radius: var(--radio); overflow: hidden; }
.brk-post__img img { aspect-ratio: 16 / 10; object-fit: cover; width: 100%; }
.brk-post__txt { padding: 20px; }
.brk-post h2 { font-size: 18px; line-height: 1.3; margin: 4px 0 8px; }
.brk-post h2 a { color: var(--negro); }
.brk-meta { font-size: 12px; color: var(--gris-2); font-weight: 600; margin: 0; }

/* Pie de página */
.brk-footer { background: #070908; color: var(--gris-osc); padding: 72px 0 32px; border-top: 1px solid rgba(255,255,255,.08); font-size: 14px; }
.brk-footer a { color: var(--gris-osc); }
.brk-footer a:hover { color: var(--verde); }
.brk-footer__grid { display: grid; grid-template-columns: 1.4fr 1fr 1fr 1fr; gap: 40px; }
.brk-footer__marca img { height: 30px; width: auto; margin-bottom: 18px; }
.brk-footer__marca p { max-width: 320px; margin: 0 0 18px; }
.brk-footer .brk-eyebrow { color: #fff; margin: 0 0 12px; font-size: 12px; }
.brk-footer p { margin: 0 0 18px; line-height: 1.8; }
.brk-redes { display: flex; gap: 10px; }
.brk-redes .brk-iconbtn { color: #fff; }
.brk-legal { list-style: none; margin: 0; padding: 0; line-height: 1.8; }
.brk-footer__legal { margin-top: 56px; padding-top: 24px; border-top: 1px solid rgba(255,255,255,.08); display: flex; justify-content: space-between; gap: 16px; flex-wrap: wrap; font-size: 12px; color: #8A938D; }

/* Responsive */
@media (max-width: 1100px) {
	.brk-cats { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.woocommerce ul.products { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.brk-footer__grid { grid-template-columns: 1fr 1fr; }
	.brk-menu { gap: 14px; }
}
@media (max-width: 980px) {
	.brk-desk { display: none !important; }
	.brk-movil { display: inline-flex !important; }
	.brk-nav { position: fixed; inset: 117px 0 auto 0; margin: 0; background: var(--negro); padding: 12px 24px 24px; border-bottom: 1px solid rgba(255,255,255,.1); display: none; max-height: calc(100vh - 117px); overflow-y: auto; }
	.admin-bar .brk-nav { top: 163px; }
	.brk-nav.is-open { display: block; }
	.brk-menu { flex-direction: column; gap: 2px; }
	.brk-menu a { display: block; padding: 12px 2px; font-size: 16px; }
	.brk-nav__langs-movil { display: block; margin-top: 12px; }
	.brk-nav__langs-movil .brk-langs { display: inline-flex; }
	.brk-hero__grid, .brk-motor__grid, .brk-dos, .woocommerce div.product, .woocommerce-checkout form.checkout { grid-template-columns: 1fr; }
	.woocommerce-checkout #customer_details, .woocommerce-checkout #order_review_heading, .woocommerce-checkout #order_review { grid-column: 1; grid-row: auto; }
	.brk-hero__visual { min-height: 0; }
	.brk-hero__media { margin-top: 40px; max-width: 460px; }
	.brk-hero__texto { padding: 8px 0 56px; }
	#customer_login { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
	.brk-wrap { padding: 0 16px; }
	.brk-header__row { gap: 10px; min-height: 64px; }
	.brk-brand img { height: 18px; }
	.brk-brand .brk-iso { width: 38px; height: 38px; }
	.brk-nav { top: 105px; }
	.brk-cats, .woocommerce ul.products, .brk-tienda__main ul.products { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
	.woocommerce ul.products li.product a img { padding: 10px; }
	.woocommerce ul.products li.product .woocommerce-loop-product__title { padding: 6px 12px 0 !important; font-size: 13px !important; }
	.brk-sku, .woocommerce ul.products li.product .price { padding: 0 12px; }
	.woocommerce ul.products li.product .button { margin: 10px 12px 0 !important; padding: 0 14px; }
	.brk-footer__grid { grid-template-columns: 1fr; }
	.brk-sec { padding: 64px 0; }
	.brk-marq__track span { font-size: 38px; gap: 32px; padding: 0 16px; }
	.brk-tarjeta { padding: 28px; }
	.brk-tarjeta h2 { font-size: 42px; }
	.woocommerce-account .woocommerce-MyAccount-content, #customer_login .u-column1, #customer_login .u-column2 { padding: 22px; }
	.brk-motores__precio { display: none; }
	.woocommerce div.product div.images { padding: 16px; }
	.woocommerce div.product .summary .price { font-size: 44px; }
	.woocommerce-MyAccount-navigation ul { flex-direction: row; overflow-x: auto; padding-bottom: 4px; }
	.woocommerce-MyAccount-navigation li a { white-space: nowrap; }
	.woocommerce-account .woocommerce { gap: 16px; }
	.brk-stats { gap: 24px; }
	.brk-stats dt { font-size: 36px; }
}
@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition: none !important; scroll-behavior: auto !important; }
	.brk-ring-charge, .brk-iso__ring { stroke-dashoffset: 0; }
}