/* KANAKIM — identidad institucional integrada sobre la tienda real 2026-10-12.
   Capa visual: nunca reemplaza formularios, precios, promociones ni lógica de pagos. */
:root{--kk-brand-forest:#234F11;--kk-brand-lime:#90AD2E;--kk-brand-cream:#E8EDD6;--kk-brand-night:#0C2818;--kk-brand-ease:cubic-bezier(.22,1,.36,1)}
body.kk-rebrand{--gold:var(--kk-brand-lime);--deep:#10341D;--ink:#1A3923;--linen:#F1F4EA;--white:#F8FAF2}
body.kk-rebrand :is(a,button,input,select,textarea):focus-visible{outline:3px solid #90AD2E;outline-offset:3px}
body.kk-rebrand ::selection{background:#90AD2E;color:#0C2818}
body.kk-rebrand .announcement{background:#90AD2E;color:#102818;letter-spacing:.08em}
body.kk-rebrand .announcement a{color:inherit;text-decoration-color:#234F11}
body.kk-rebrand .site-header{background:rgba(10,37,23,.96);border-bottom:1px solid #e8edd627;box-shadow:0 14px 35px #0a261514;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
body.kk-rebrand .logo img{width:189px;height:auto;max-height:54px;object-fit:contain;filter:none;transition:transform .4s var(--kk-brand-ease)}
body.kk-rebrand .logo:hover img{transform:scale(1.025)}
body.kk-rebrand .desktop-nav a{color:#E8EDD6;font-weight:750;letter-spacing:.055em;position:relative}
body.kk-rebrand .desktop-nav a::after{content:"";position:absolute;bottom:-8px;left:0;width:0;height:2px;background:#90AD2E;transition:width .3s var(--kk-brand-ease)}
body.kk-rebrand .desktop-nav a:hover::after{width:100%}
body.kk-rebrand .cart-link span{background:#90AD2E;color:#0C2818}
body.kk-rebrand .mobile-nav{background:#123922}
body.kk-rebrand .demo-ribbon{background:#E8EDD6;color:#234F11}
body.kk-rebrand .kk-hero{background-image:linear-gradient(112deg,#0A2418 0%,#123A23 59%,#234F11 100%)!important;isolation:isolate;position:relative}
body.kk-rebrand .kk-hero:before{content:"";pointer-events:none;position:absolute;inset:0;background:url('../img/branding/kanakim-trama-oficial.svg') repeat;background-size:700px auto;opacity:.052;z-index:0;animation:kk-brand-pattern-drift 45s linear infinite;mask-image:linear-gradient(90deg,transparent,black 45%)}
body.kk-rebrand .kk-hero-grid,body.kk-rebrand .kk-hero-bottom{position:relative;z-index:1}
body.kk-rebrand .kk-hero h1 em,body.kk-rebrand .kk-rack-heading h2 em,body.kk-rebrand .kk-manifesto h2 em{color:#AFC851}
body.kk-rebrand .kk-button{transition:transform .36s var(--kk-brand-ease),background .25s,box-shadow .35s}
body.kk-rebrand .kk-button:hover{transform:translateY(-4px);box-shadow:0 15px 36px #05210d35}
body.kk-rebrand .kk-marquee{background:#90AD2E;color:#0C2818;border-top:1px solid #e8edd64d;border-bottom:1px solid #234f112d}
body.kk-rebrand .kk-marquee-track{font-weight:850;letter-spacing:.19em}
body.kk-rebrand .kk-deals{background:linear-gradient(150deg,#eff3e6,#e1ebd3)}
body.kk-rebrand .kk-deal-card,body.kk-rebrand .kk-line-card{transition:transform .4s var(--kk-brand-ease),box-shadow .4s var(--kk-brand-ease)}
body.kk-rebrand .kk-deal-card:hover,body.kk-rebrand .kk-line-card:hover{transform:translateY(-6px);box-shadow:0 19px 41px #143b2229}
body.kk-rebrand .kk-deal-art{position:relative;isolation:isolate}
body.kk-rebrand .kk-deal-art:before{content:"";position:absolute;inset:0;z-index:-1;background:url('../img/branding/kanakim-trama-oficial.svg') repeat;background-size:540px auto;opacity:.055;pointer-events:none}
body.kk-rebrand .kk-equipment{background:transparent}
body.kk-rebrand .kk-rack-story{isolation:isolate}
body.kk-rebrand .kk-rack-portal{box-shadow:0 16px 55px #0b2c1c25}
body.kk-rebrand .kk-selection{position:relative}
body.kk-rebrand .kk-manifesto{position:relative;isolation:isolate}
body.kk-rebrand .kk-manifesto:before{content:"";position:absolute;inset:0;background-image:url('../img/branding/kanakim-trama-oficial.svg');background-size:690px auto;opacity:.048;z-index:-1;pointer-events:none}
body.kk-rebrand .storefront .product-card-art{background:linear-gradient(145deg,#ebf0e0,#dee8d4)}
body.kk-rebrand .storefront .product-photo{transition:transform .42s var(--kk-brand-ease)}
body.kk-rebrand .storefront .product-card:hover .product-photo{transform:scale(1.06)}
body.kk-rebrand .checkout-button{background:#234F11;color:#E8EDD6}
body.kk-rebrand .checkout-button:hover{background:#326a21}
body.kk-rebrand .footer{position:relative;isolation:isolate;background:#0B2818}
body.kk-rebrand .footer:before{content:"";position:absolute;inset:0;background:url('../img/branding/kanakim-trama-oficial.svg') repeat;background-size:700px auto;opacity:.035;z-index:-1;pointer-events:none}
body.kk-rebrand .footer-brand img{width:236px;max-height:80px;object-fit:contain;filter:none}
body.kk-rebrand .floating-wa{background:#234F11;color:#fff}
body.kk-rebrand .inner-page h1{color:#234F11}
body.kk-rebrand .order-summary{border-color:#cee0c0}
body.admin-body.kk-rebrand{background:#F2F5ED;color:#173321}
body.kk-rebrand .admin-sidebar{background:linear-gradient(155deg,#12361F,#092419);position:sticky;isolation:isolate}
body.kk-rebrand .admin-sidebar:before{content:"";position:absolute;inset:0;z-index:-1;background:url('../img/branding/kanakim-trama-oficial.svg') repeat;background-size:580px auto;opacity:.029;pointer-events:none}
body.kk-rebrand .admin-wordmark img{width:181px;max-height:62px;object-fit:contain;filter:none}
body.kk-rebrand .admin-wordmark small{color:#AFC851}
body.kk-rebrand .admin-nav a{color:#D2E0CC;transition:transform .22s,background .22s,color .22s;border-radius:4px}
body.kk-rebrand .admin-nav a:hover{transform:translateX(3px);background:#28552D}
body.kk-rebrand .admin-nav a.active{background:#90AD2E;color:#0B2818;font-weight:800}
body.kk-rebrand .admin-nav a.active span{color:inherit}
body.kk-rebrand .admin-main{background:linear-gradient(155deg,#F7F8F2,#EEF3E7)}
body.kk-rebrand .admin-title h1{color:#183D24;letter-spacing:-.05em}
body.kk-rebrand .admin-title>div>p{color:#234F11}
body.kk-rebrand .admin-primary{background:#234F11;color:#fff;transition:transform .3s var(--kk-brand-ease),background .25s}
body.kk-rebrand .admin-primary:hover{background:#326E1C;transform:translateY(-2px)}
body.kk-rebrand .metric,body.kk-rebrand .admin-panel{border:1px solid #D8E4D0;border-radius:5px;box-shadow:0 5px 24px #1A49200A}
body.kk-rebrand .metric{transition:box-shadow .3s,transform .3s}
body.kk-rebrand .metric:hover{transform:translateY(-3px);box-shadow:0 11px 30px #12391C20}
body.kk-rebrand .metric.primary{background:linear-gradient(120deg,#173B25,#2D6520);color:#fff}
body.kk-rebrand .metric.primary strong{color:#E8EDD6}
body.kk-rebrand .online-dot{background:#90AD2E;box-shadow:0 0 0 4px #90ad2e23}
body.kk-rebrand .admin-form input:focus,body.kk-rebrand .admin-form textarea:focus{border-color:#90AD2E}
body.kk-rebrand .status-confirmado{background:#E2EFCF;color:#2C6517}
@keyframes kk-brand-pattern-drift{to{background-position:864px 0}}
@media(max-width:820px){body.kk-rebrand .logo img{width:162px}body.kk-rebrand .admin-wordmark img{width:148px}}
@media(max-width:560px){body.kk-rebrand .logo img{width:143px;max-height:49px}body.kk-rebrand .site-header{backdrop-filter:none;-webkit-backdrop-filter:none}body.kk-rebrand .admin-shell{grid-template-columns:minmax(0,1fr)}body.kk-rebrand .admin-sidebar{position:relative;min-height:unset;padding:13px 12px}body.kk-rebrand .admin-wordmark{margin:0 0 11px 4px}body.kk-rebrand .admin-wordmark img{width:138px}body.kk-rebrand .admin-nav{display:flex;overflow-x:auto;gap:6px;padding:4px 0 10px;scrollbar-width:thin}body.kk-rebrand .admin-nav a{flex:0 0 auto;white-space:nowrap;padding:10px;font-size:12px}body.kk-rebrand .admin-sidebar-bottom{display:none}body.kk-rebrand .admin-main{min-width:0}}
@media(prefers-reduced-motion:reduce){body.kk-rebrand *,body.kk-rebrand *:before,body.kk-rebrand *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Acceso privado: misma identidad y formulario original, sin alterar autenticación. */
body.kk-rebrand .auth-shell{background:radial-gradient(circle at 80% 10%,#315d27 0%,transparent 40%),linear-gradient(130deg,#0b2819,#163e25);min-height:100vh;position:relative;isolation:isolate}
body.kk-rebrand .auth-shell:before{content:"";position:absolute;inset:0;background:url('../img/branding/kanakim-trama-oficial.svg') repeat;background-size:710px auto;opacity:.036;pointer-events:none;z-index:-1}
body.kk-rebrand .auth-shell>a img{width:210px;height:auto;max-width:70vw;filter:none}
body.kk-rebrand .auth-card{border:1px solid #D8E4D0;box-shadow:0 24px 65px #071f1240}
body.kk-rebrand .auth-card button{background:#234F11;color:#fff;transition:background .25s,transform .25s}
body.kk-rebrand .auth-card button:hover{background:#326E1C;transform:translateY(-2px)}