/* css/k-nuevas.css — pantallas nuevas K (favoritos, búsqueda, legales, 404, pago) · 2026-10-29 */
.k-np{max-width:760px;margin:24px auto 96px;padding:0 16px}
.k-np h1{font:700 26px/1.2 Poppins,sans-serif;margin:8px 0 6px;color:#1A1033}
.k-np__count{color:#5B5670;font-size:15px;margin:0 0 12px}
.k-np__label{font:600 12px/1 Inter,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#5B5670;margin:20px 0 8px}
.k-np__more{color:#5B5670;font-size:14px;text-align:center;margin:16px 0}
.k-np .k-btn--block{margin-top:12px}
.k-nchips{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 16px}
.k-nchip{display:inline-flex;align-items:center;min-height:36px;padding:0 14px;border-radius:999px;border:1px solid #E3E5EA;background:#fff;color:#1A1033!important;font:500 14px Inter,sans-serif;text-decoration:none!important}
.k-nchip--on{background:#F1ECFF;border-color:#D9CCFF;color:#3B1C9E!important}
.k-bsearch{position:relative;margin:0 0 16px}
.k-bsearch>svg{position:absolute;left:16px;top:14px;width:20px;height:20px;fill:#5B5670}
.k-bsearch input{width:100%;height:48px;border-radius:999px;border:1.5px solid #D9D9E3;background:#fff;padding:0 16px 0 46px;font:400 16px Inter,sans-serif;color:#1A1033}
.k-bsearch input:focus,.k-hsearch input:focus{outline:none;border:2px solid #5B2BE0!important;box-shadow:0 0 0 3px #E6DCFF}
.k-blist,.k-favs__list{display:grid;gap:12px;grid-template-columns:1fr}
@media(min-width:768px){.k-blist,.k-favs__list{grid-template-columns:1fr 1fr}}
@media(min-width:1024px){.k-pg-buscar .k-np,.k-pg-favs .k-np{max-width:1120px}.k-blist,.k-favs__list{grid-template-columns:repeat(3,1fr)}}
.k-empty{text-align:center;padding:24px 8px}
.k-empty__ico{width:72px;height:72px;border-radius:50%;background:#F1ECFF;display:flex;align-items:center;justify-content:center;margin:0 auto 12px}
.k-empty__ico svg{width:32px;height:32px;fill:#1A1033}
.k-empty h2{font:700 20px Poppins,sans-serif;margin:0 0 6px}
.k-empty p{color:#5B5670;margin:0 0 16px}
/* corazón */
.k-card__top{position:relative}
.k-card .k-card__body{padding-right:40px}
.k-heart{position:absolute;top:-6px;right:-6px;width:44px;height:44px;border:0;background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;z-index:2}
.k-heart svg{fill:rgba(255,255,255,.9);stroke:#1A1033;stroke-width:2;transition:transform .15s}
.k-heart.is-on svg{fill:#E6007E;stroke:#E6007E}
.k-heart.k-pop svg{animation:kpop .15s ease-out}
@keyframes kpop{50%{transform:scale(1.25)}}
@media (prefers-reduced-motion:reduce){.k-heart.k-pop svg{animation:none}}
.k-heart-host{position:relative}
.k-heart--ficha{top:56px;right:12px;background:rgba(255,255,255,.9);border-radius:50%;box-shadow:0 2px 8px rgba(26,16,51,.18)}
.k-card--gone .k-card{background:#F4F5F7;color:#8A8699}
.k-card__img--gone{width:88px;height:88px;border-radius:12px;background:#E3E5EA}
.k-card--gone h3{font-size:15px;color:#5B5670;margin:0 0 8px}
.k-toast__act{color:#FFD60A!important;font-weight:600;text-decoration:none;margin-left:auto;padding:0 6px}
/* header */
.k-hfav{display:none;align-items:center;gap:6px;color:#1A1033!important;font:500 15px Inter,sans-serif;text-decoration:none!important;min-height:44px;white-space:nowrap}
.k-hfav svg{width:22px;height:22px;fill:none;stroke:#1A1033;stroke-width:2}
@media(min-width:1024px){.k-hfav{display:inline-flex}}
.k-hlupa{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px}
.k-hlupa svg{width:22px;height:22px;fill:#1A1033}
@media(min-width:1024px){.k-hlupa{display:none}}
.k-tabbar a svg.k-ico-heart{fill:none;stroke:currentColor;stroke-width:2}
/* sugerencias */
.k-sug-host{position:relative}
.k-sug{position:absolute;left:0;right:0;top:calc(100% + 6px);background:#fff;border:1px solid #E3E5EA;border-radius:12px;box-shadow:0 8px 24px rgba(26,16,51,.15);list-style:none;margin:0;padding:6px 0;z-index:1200;max-height:70vh;overflow:auto}
.k-sug__h{font:600 12px Inter,sans-serif;text-transform:uppercase;letter-spacing:.06em;color:#5B5670;padding:10px 14px 4px}
.k-sug [role=option]{display:flex;align-items:center;gap:10px;min-height:44px;padding:0 14px;cursor:pointer;color:#1A1033;font-size:15px}
.k-sug [role=option][aria-selected=true],.k-sug [role=option]:hover{background:#F1ECFF}
.k-sug__l{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.k-sug__n{color:#5B5670;font-size:13px}
.k-sug__x{border:0;background:none;color:#5B5670;width:32px;height:32px;cursor:pointer}
.k-sug__clear button{border:0;background:none;color:#5B2BE0;font:600 14px Inter;padding:10px 14px;cursor:pointer}
/* 404 */
.k-404{text-align:center}
.k-404__num{font:800 72px/1 Poppins,sans-serif;background:linear-gradient(135deg,#5B2BE0,#E6007E);-webkit-background-clip:text;background-clip:text;color:transparent;margin:16px 0 4px}
.k-404__txt{color:#5B5670;margin:0 0 16px}
.k-404 .k-nchips{justify-content:center}
.k-404 .k-np__label{text-align:left}
@media(max-width:767px){.k-404 .k-nchips{justify-content:flex-start}}
/* legales */
.k-legal2{max-width:1120px;margin:0 auto;padding:16px 16px 96px;display:block}
.k-legal2__side{display:none}
@media(min-width:1024px){.k-legal2{display:grid;grid-template-columns:280px 1fr;gap:40px}.k-legal2__side{display:block;position:sticky;top:88px;align-self:start}}
.k-legal2__side nav{display:flex;flex-direction:column;gap:2px}
.k-legal2__side a{padding:10px 12px;border-radius:10px;color:#1A1033!important;text-decoration:none!important;font-size:15px}
.k-legal2__side a.k-on{background:#F1ECFF;color:#3B1C9E!important;font-weight:600}
.k-legal2__main{max-width:760px;font-size:16px;line-height:1.55}
.k-crumbs{font-size:14px;color:#5B5670;margin:4px 0 8px}
.k-crumbs a{color:#5B5670!important}
.k-legal2__main h1{font:700 26px/1.2 Poppins,sans-serif;margin:0 0 4px}
.k-legal2__main h2{font:700 19px/1.3 Poppins,sans-serif;margin:28px 0 8px;scroll-margin-top:88px}
.k-legal__fecha{color:#5B5670;font-size:14px;margin:0 0 16px}
.k-legal__toc{border:1px solid #E3E5EA;border-radius:12px;padding:14px 16px;margin:0 0 20px}
.k-legal__toc strong{display:block;font-size:15px;margin-bottom:6px}
.k-legal__toc ol{margin:0;padding-left:20px}
.k-legal__toc li{margin:4px 0}
.k-legal__toc a{color:#3B1C9E!important;font-size:15px}
/* pago */
.k-pago{max-width:520px;text-align:center}
.k-pago__ico{width:88px;height:88px;border-radius:50%;margin:16px auto 12px;display:flex;align-items:center;justify-content:center;color:#fff;font:700 40px/1 Poppins,sans-serif}
.k-pago--ok .k-pago__ico{background:#1E8E4E}.k-pago--err .k-pago__ico{background:#C62828}.k-pago--warn .k-pago__ico{background:#E0A800}
.k-pago__txt{color:#5B5670;margin:0 0 16px}
.k-pago__dl{border:1px solid #E3E5EA;border-radius:14px;margin:0 0 16px;text-align:left}
.k-pago__dl div{display:flex;justify-content:space-between;gap:12px;padding:12px 14px;border-top:1px solid #E3E5EA}
.k-pago__dl div:first-child{border-top:0}
.k-pago__dl dt{color:#5B5670}.k-pago__dl dd{margin:0;font-weight:600;color:#1A1033;text-align:right}
.k-pago--ok .k-pago__est{color:#1E8E4E}.k-pago--err .k-pago__est{color:#C62828}.k-pago--warn .k-pago__est{color:#6B4E00}
.k-pago__note{font-size:14px;color:#5B5670}
.k-pago__secure{display:flex;align-items:center;justify-content:center;gap:6px;color:#3A3650;font-size:14px;margin-top:16px}
.k-pago__secure svg{width:16px;height:16px;fill:#3A3650}
/* revisión diseño 23:30 */
.k-404__num{font:800 72px/1 Poppins,sans-serif;background:linear-gradient(90deg,#5B2BE0,#E6007E);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
@media(min-width:768px){.k-404 .k-np__label{text-align:center}}
.k-404 .k-nchip,.k-buscar .k-nchip{min-height:44px}
.k-pg-favs .k-empty__ico svg{fill:none!important;stroke:#5B2BE0;stroke-width:2}
@media(max-width:1023px){body{padding-bottom:calc(72px + env(safe-area-inset-bottom))!important}}
.k-bhead{display:flex;align-items:center;justify-content:space-between;gap:12px}
.k-orden{display:none;align-items:center;gap:6px;font-size:15px;color:#5B5670}
@media(min-width:1024px){.k-orden{display:flex}.k-bsearch--m{display:none}}
.k-orden select{height:40px;border:1px solid #E3E5EA;border-radius:10px;padding:0 10px;font:500 15px Inter,sans-serif;color:#1A1033;background:#fff}
.k-btn--outline{background:#fff;color:#5B2BE0!important;border:1.5px solid #5B2BE0;min-height:44px!important;height:44px}
.k-legal__toc a{display:block;padding:10px 0}
.k-legal__toc li{margin:0}

.k-404__num{display:inline-block;width:fit-content;background-image:linear-gradient(90deg,#5B2BE0,#E6007E)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;color:transparent}

footer .k-btn--cta,footer a.k-btn--cta,footer a.k-btn--cta:hover{color:#1A1033!important}