:root{--oek-red:#c7000b;--oek-red-d:#9e0009;--oek-ink:#1d2330;--oek-mut:#5b6474;--oek-line:#e3e6eb;--oek-bg:#f5f6f8;--oek-wa:#1fa855;--oek-r:10px}
.oek-wrap{max-width:1200px;margin:0 auto;padding:24px 16px 56px;color:var(--oek-ink)}
.oek-wrap h1{font-size:clamp(1.6rem,3vw,2.3rem);line-height:1.15;margin:.2em 0 .3em}
.oek-wrap h2{font-size:1.35rem;margin:0 0 .6em}
.oek-crumbs{font-size:.85rem;color:var(--oek-mut);margin:0 0 8px}.oek-crumbs a{color:inherit}
.oek-lead{color:var(--oek-mut);font-size:1.05rem;max-width:760px}
.oek-note{color:var(--oek-mut);font-size:.85rem}
.oek-tag{display:inline-block;font-size:.72rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--oek-red);background:#fdeced;border-radius:99px;padding:3px 10px}
.oek-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--oek-red);color:#fff!important;border:1px solid var(--oek-red);border-radius:8px;padding:9px 16px;font-weight:600;font-size:.92rem;text-decoration:none!important;cursor:pointer;line-height:1.2;transition:background .15s}
.oek-btn:hover{background:var(--oek-red-d);border-color:var(--oek-red-d)}
.oek-btn--ghost{background:#fff;color:var(--oek-ink)!important;border-color:var(--oek-line)}.oek-btn--ghost:hover{background:var(--oek-bg);border-color:#cfd4db}
.oek-btn--wa{background:var(--oek-wa);border-color:var(--oek-wa)}.oek-btn--wa:hover{background:#178a45;border-color:#178a45}
.oek-btn--lg{padding:13px 22px;font-size:1rem}
/* top bar */
.oek-topbar{background:var(--oek-ink);color:#d9dde4;font-size:.82rem}
.oek-topbar__in{max-width:1200px;margin:0 auto;padding:6px 16px;display:flex;gap:12px;justify-content:space-between;align-items:center;flex-wrap:wrap}
.oek-topbar a{color:#fff;display:inline-flex;align-items:center;gap:6px;text-decoration:none}.oek-topbar strong{color:#fff}
/* hero / filtros */
.oek-hero{margin-bottom:24px}
.oek-search{display:flex;gap:8px;max-width:620px;margin:16px 0}
.oek-search input[type=search]{flex:1;min-width:0;border:1px solid var(--oek-line);border-radius:8px;padding:10px 14px;font-size:1rem}
.oek-chips{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}
.oek-chip{border:1px solid var(--oek-line);border-radius:99px;padding:7px 14px;text-decoration:none!important;color:var(--oek-ink)!important;font-weight:500;background:#fff}
.oek-chip span{color:var(--oek-mut);font-size:.8em;margin-left:2px}
.oek-chip.is-active{background:var(--oek-ink);border-color:var(--oek-ink);color:#fff!important}.oek-chip.is-active span{color:#c9ced8}
.oek-series{display:flex;flex-wrap:wrap;gap:6px 12px;font-size:.88rem;margin-top:10px;color:var(--oek-mut)}.oek-series a{color:var(--oek-ink)}
/* grid & cards */
.oek-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px}
.oek-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--oek-line);border-radius:var(--oek-r);overflow:hidden;transition:box-shadow .2s,transform .2s}
.oek-card:hover{box-shadow:0 8px 24px rgba(20,30,50,.08);transform:translateY(-2px)}
.oek-card__img{display:flex;align-items:center;justify-content:center;aspect-ratio:4/3;background:var(--oek-bg);padding:14px}
.oek-card__img img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;mix-blend-mode:multiply}
.oek-card__body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:6px;flex:1}
.oek-card__body .oek-tag,.oek-summary .oek-tag{align-self:flex-start;width:auto}
.oek-card__title{font-size:1.08rem;margin:2px 0 0}.oek-card__title a{color:var(--oek-ink);text-decoration:none}
.oek-card__desc{font-size:.86rem;color:var(--oek-mut);margin:0;flex:1}
.oek-card__actions{display:flex;gap:8px;margin-top:8px}.oek-card__actions .oek-btn{flex:1;padding:8px 10px}
.oek-noimg{color:#aab;font-weight:600}
.oek-pager{margin:28px 0;display:flex;gap:6px;flex-wrap:wrap;justify-content:center}
.oek-pager .page-numbers{padding:7px 12px;border:1px solid var(--oek-line);border-radius:6px;text-decoration:none;color:var(--oek-ink)}
.oek-pager .current{background:var(--oek-ink);color:#fff;border-color:var(--oek-ink)}
.oek-empty{padding:40px 0;color:var(--oek-mut)}
.oek-cta{margin-top:40px;background:var(--oek-ink);color:#fff;border-radius:14px;padding:28px;display:flex;gap:20px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.oek-cta h2{color:#fff;margin:0 0 4px}.oek-cta p{margin:0;color:#c9ced8}.oek-cta__btns{display:flex;gap:10px;flex-wrap:wrap}
/* single */
.oek-product{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:40px;align-items:start;margin:10px 0 40px}
.oek-gallery__main{background:var(--oek-bg);border-radius:14px;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;padding:24px}
.oek-gallery__main img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;mix-blend-mode:multiply}
.oek-gallery__thumbs{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}
.oek-gallery__thumbs button{width:72px;height:72px;padding:4px;border:2px solid transparent;background:var(--oek-bg);border-radius:8px;cursor:pointer}
.oek-gallery__thumbs button.is-active{border-color:var(--oek-red)}
.oek-gallery__thumbs img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.oek-meta{list-style:none;margin:10px 0 16px;padding:0;display:grid;gap:4px;font-size:.92rem}
.oek-meta span{display:inline-block;min-width:110px;color:var(--oek-mut)}
.oek-actions{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0 8px}
.oek-specs details{border:1px solid var(--oek-line);border-radius:var(--oek-r);margin-bottom:12px;background:#fff}
.oek-specs summary{cursor:pointer;padding:14px 18px;font-weight:600}.oek-specs summary span{color:var(--oek-mut);font-weight:400}
.oek-specs table{width:100%;border-collapse:collapse;font-size:.9rem;margin:0}
.oek-specs th,.oek-specs td{text-align:left;vertical-align:top;padding:10px 18px;border-top:1px solid var(--oek-line)}
.oek-specs th{width:36%;font-weight:500;color:var(--oek-mut);background:#fafbfc}
.oek-specs table,.oek-specs th,.oek-specs td{border-left:0!important;border-right:0!important;border-bottom:0!important;line-height:1.5}
.oek-specs th,.oek-specs td{border-top:1px solid var(--oek-line)!important}
.oek-specs table{border:0!important;margin:0!important}
/* pie del sitio */
.oek-site-footer{margin:0}
.oek-footer{background:#1a1f2b;color:#c9ced8}
.oek-footer__in{max-width:1200px;margin:0 auto;padding:40px 16px 24px;display:grid;grid-template-columns:2fr 1fr 1fr;gap:28px}
.oek-footer h4{color:#fff;font-size:.95rem;margin:0 0 10px;text-transform:uppercase;letter-spacing:.05em}
.oek-footer ul{list-style:none;margin:0;padding:0;display:grid;gap:6px;font-size:.92rem}
.oek-footer a{color:#e4e7ec;text-decoration:none}.oek-footer a:hover{color:#fff;text-decoration:underline}
.oek-footer__brand strong{color:#fff;font-size:1.2rem}.oek-footer__brand p{font-size:.92rem;margin:8px 0 0;max-width:420px}
.oek-legal{border-top:1px solid #2a3140}
.oek-footer__logo{display:block;width:120px;height:auto;margin:0 0 12px}
.oek-topbar__brand{display:inline-flex;align-items:center;gap:8px}
.oek-topbar__brand img{width:26px;height:auto;display:block}
@media (max-width:820px){.oek-footer__in{grid-template-columns:1fr}}
/* bloques de la home */
.oek-hero-home{position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;width:100vw;background:radial-gradient(circle at 80% 20%,#3a1013 0,transparent 45%),linear-gradient(135deg,#141925 0%,#1f2636 60%,#2a1517 100%);color:#fff}
.oek-hero-home__in{max-width:1200px;margin:0 auto;padding:clamp(48px,9vw,110px) 16px}
.oek-hero-home h1{color:#fff;font-size:clamp(2rem,4.6vw,3.4rem);line-height:1.08;max-width:860px;margin:.2em 0 .4em}
.oek-hero-home__kicker{color:#ff8a90;font-weight:600;letter-spacing:.06em;text-transform:uppercase;font-size:.85rem;margin:0}
.oek-hero-home__sub{color:#c9ced8;font-size:clamp(1.05rem,1.6vw,1.25rem);max-width:720px;margin:0 0 28px}
.oek-hero-home__btns{display:flex;gap:12px;flex-wrap:wrap}
.oek-hero-home .oek-btn--ghost{background:transparent;color:#fff!important;border-color:rgba(255,255,255,.4)}.oek-hero-home .oek-btn--ghost:hover{background:rgba(255,255,255,.08)}
.oek-pillars{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}
.oek-pillars a{display:block;padding:22px;border:1px solid var(--oek-line);border-radius:14px;background:#fff;text-decoration:none!important;color:var(--oek-ink)!important;border-top:4px solid var(--oek-red);transition:box-shadow .2s}
.oek-pillars a:hover{box-shadow:0 8px 24px rgba(20,30,50,.08)}
.oek-pillars h3{margin:0 0 8px;font-size:1.25rem}.oek-pillars p{margin:0;color:var(--oek-mut);font-size:.93rem}
.home .nv-page-title-wrap,.home .nv-page-title{display:none}
.oek-home-sec{padding:8px 0 24px}
.oek-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}
.oek-steps>div{background:#fff;border:1px solid var(--oek-line);border-radius:14px;padding:20px}
.oek-steps b{display:inline-flex;width:34px;height:34px;align-items:center;justify-content:center;border-radius:50%;background:#fdeced;color:var(--oek-red);margin-bottom:8px}
.oek-steps h3{font-size:1.08rem;margin:4px 0 6px}.oek-steps p{margin:0;color:var(--oek-mut);font-size:.92rem}
.oek-related{margin-top:40px}
/* familias (home) */
.oek-families{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px}
.oek-family{display:flex;flex-direction:column;border:1px solid var(--oek-line);border-radius:14px;overflow:hidden;text-decoration:none!important;color:var(--oek-ink)!important;background:#fff;transition:box-shadow .2s}
.oek-family:hover{box-shadow:0 8px 24px rgba(20,30,50,.08)}
.oek-family__img{aspect-ratio:16/9;background:var(--oek-bg);display:flex;align-items:center;justify-content:center;padding:16px}
.oek-family__img{height:190px;aspect-ratio:auto}
.oek-family__img img{max-height:100%;max-width:100%;width:auto;height:auto;object-fit:contain;mix-blend-mode:multiply}
.oek-card__img{height:200px;aspect-ratio:auto}
.oek-gallery__main{max-height:560px}
.oek-family__body{padding:16px 18px;display:flex;flex-direction:column;gap:6px}.oek-family__body strong{font-size:1.2rem}
.oek-family__body span{color:var(--oek-mut);font-size:.9rem}.oek-family__body em{font-style:normal;color:var(--oek-red);font-weight:600}
/* formulario */
.oek-form{max-width:760px}
.oek-form fieldset{border:1px solid var(--oek-line);border-radius:var(--oek-r);padding:16px 18px 6px;margin:0 0 16px}
.oek-form legend{font-weight:600;padding:0 6px}
.oek-form__grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}
.oek-field{display:flex;flex-direction:column;gap:5px;font-size:.9rem;font-weight:500;margin-bottom:12px}
.oek-field small{font-weight:400;color:var(--oek-mut)}
.oek-field input,.oek-field textarea{border:1px solid #cfd4db;border-radius:8px;padding:10px 12px;font-size:1rem;font-weight:400;width:100%;box-sizing:border-box}
.oek-field input:focus,.oek-field textarea:focus{outline:2px solid #f3b4b8;border-color:var(--oek-red)}
.oek-field--full{grid-column:1/-1}
.oek-radios{display:flex;gap:18px;margin-top:4px;font-weight:400}
.oek-form__prod{display:flex;gap:12px;align-items:center;margin-bottom:12px}
.oek-form__prod img{width:64px;height:64px;object-fit:contain;background:var(--oek-bg);border-radius:8px}
.oek-form__prod small{display:block;color:var(--oek-mut)}
.oek-consent{display:flex;gap:10px;align-items:flex-start;font-size:.88rem;margin:6px 0 14px}
.oek-consent input{margin-top:3px;flex:none;width:18px;height:18px}
.oek-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.oek-alert{border-radius:var(--oek-r);padding:14px 18px;margin-bottom:16px}
.oek-alert--ok{background:#ecf8f0;border:1px solid #b9e4c7}.oek-alert--err{background:#fdeced;border:1px solid #f3b4b8}
.oek-alert ul{margin:6px 0 0 18px}
/* lista de cotización */
.oek-add.is-added{background:#fff;color:var(--oek-red)!important;border-color:var(--oek-red)}
.oek-add--sm{padding:8px 10px;font-size:.84rem}
.oek-card__actions .oek-add{flex:1.4}
.oek-cart{display:grid;gap:10px;margin-bottom:10px}
.oek-cart__empty{margin:0;color:var(--oek-mut);font-size:.92rem}
.oek-cart__row{display:grid;grid-template-columns:56px 1fr auto auto;gap:12px;align-items:center;padding:8px;border:1px solid var(--oek-line);border-radius:10px;background:#fff}
.oek-cart__img{width:56px;height:56px;background:var(--oek-bg);border-radius:8px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.oek-cart__img img{max-width:100%;max-height:100%;object-fit:contain;mix-blend-mode:multiply}
.oek-cart__name a{font-weight:600;color:var(--oek-ink);text-decoration:none}.oek-cart__name small{display:block;color:var(--oek-mut)}
.oek-cart__qty{display:flex;align-items:center;border:1px solid #cfd4db;border-radius:8px;overflow:hidden}
.oek-cart__qty button{border:0;background:var(--oek-bg);width:32px;height:36px;font-size:1.1rem;cursor:pointer;color:var(--oek-ink);padding:0}
.oek-cart__qty input{width:64px;height:36px;border:0!important;text-align:center;font-size:1rem;padding:0!important;-moz-appearance:textfield}
.oek-cart__qty input::-webkit-inner-spin-button{-webkit-appearance:none}
.oek-cart__rm{border:0;background:transparent;color:var(--oek-mut);font-size:1rem;cursor:pointer;width:32px;height:32px;border-radius:50%}
.oek-cart__rm:hover{background:#fdeced;color:var(--oek-red)}
.oek-cart__more{margin:0 0 12px;font-size:.9rem}
.oek-cart-pill{position:fixed;right:18px;bottom:84px;z-index:9990;display:flex;align-items:center;gap:8px;background:var(--oek-ink);color:#fff!important;border-radius:99px;padding:10px 16px;box-shadow:0 6px 20px rgba(0,0,0,.2);text-decoration:none!important;font-weight:600}
.oek-cart-pill[hidden]{display:none}
.oek-cart-pill b{background:var(--oek-red);border-radius:99px;min-width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;font-size:.8rem;padding:0 6px}
.oek-toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,140%);background:var(--oek-ink);color:#fff;padding:12px 18px;border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,.25);z-index:9995;transition:transform .25s;max-width:calc(100vw - 32px);font-size:.92rem}
.oek-toast.is-on{transform:translate(-50%,0)}.oek-toast a{color:#ff9aa0;font-weight:600}
.oek-form__submit{display:flex;gap:10px;flex-wrap:wrap}
.oek-doc-hint{min-height:1.2em;font-size:.82rem}.oek-doc-hint.is-ok{color:#178a45}.oek-doc-hint.is-bad{color:var(--oek-red)}
.cf-turnstile{margin:6px 0 14px}
@media (max-width:820px){
 .oek-cart__row{grid-template-columns:48px 1fr auto;grid-template-areas:"img name rm" "img qty qty"}
 .oek-cart__img{grid-area:img;width:48px;height:48px}.oek-cart__name{grid-area:name}.oek-cart__qty{grid-area:qty;justify-self:start}.oek-cart__rm{grid-area:rm}
 .oek-cart-pill span{display:none}.oek-cart-pill{bottom:80px;padding:12px 14px}
 .oek-form__submit .oek-btn{flex:1 1 100%}
}
/* WhatsApp flotante */
.oek-wa-float{position:fixed;right:18px;bottom:18px;z-index:9990;display:flex;align-items:center;gap:8px;background:var(--oek-wa);color:#fff!important;border-radius:99px;padding:12px 16px;box-shadow:0 6px 20px rgba(0,0,0,.2);text-decoration:none!important;font-weight:600}
.oek-wa-float svg{width:24px;height:24px}
/* pie legal */
.oek-legal{background:#12161f;color:#aab1bd;font-size:.8rem;line-height:1.55}
.oek-legal__in{max-width:1200px;margin:0 auto;padding:22px 16px 80px}
.oek-legal p{margin:0 0 10px}.oek-legal a{color:#fff}.oek-legal strong{color:#e4e7ec}
.oek-legal__owner{font-size:.9rem}
.oek-policy h2{font-size:1.15rem;margin-top:1.6em}
@media (max-width:820px){
 .oek-product{grid-template-columns:1fr;gap:20px}
 .oek-form__grid{grid-template-columns:1fr}
 .oek-wa-float span{display:none}.oek-wa-float{padding:14px}
 .oek-specs th{width:42%}.oek-specs th,.oek-specs td{padding:9px 12px}
 .oek-actions .oek-btn{flex:1 1 100%}
 .oek-topbar__in{justify-content:center;text-align:center}
}