/* KAIRO 27.43 · navegación y panel personal. Sólo presentación, no altera flujos comerciales. */
:root{--k43-bg:#080e18;--k43-panel:#101e30;--k43-edge:#314e69;--k43-ink:#eff6fc;--k43-muted:#b2c7d9;--k43-gold:#efd09c;--k43-cyan:#69cfff}
/* Barra superior: identidad única, tres rutas y acciones diferenciadas. */
.k43-header{background:rgba(6,12,22,.97);border-bottom:1px solid rgba(119,165,196,.23);box-shadow:0 12px 38px rgba(0,0,0,.42)}
.k43-header-inner{height:72px;max-width:1330px;gap:28px;padding-inline:7px}
.k43-brand{border-radius:10px;min-width:116px;justify-content:flex-start}
.k43-brand img{width:112px;height:59px;object-fit:contain;filter:drop-shadow(0 3px 8px rgba(10,111,173,.17))}
.k43-primary-nav{margin-inline:auto;gap:7px;padding:5px;border:1px solid rgba(96,144,178,.2);border-radius:13px;background:#091728}
.k43-primary-nav button{min-width:88px;min-height:39px;border:1px solid transparent;border-radius:9px;color:#bed0df;font-size:12.5px;font-weight:750;padding:9px 16px;transition:background-color .16s,color .16s,border-color .16s}
.k43-primary-nav button:hover{color:#fff;background:#16304c;border-color:#376386}
.k43-primary-nav button[aria-current="page"]{color:#fff;background:linear-gradient(180deg,#203f5d,#122c47);border-color:#4485b1;box-shadow:inset 0 -2px 0 #64c4f1,0 2px 12px #0005}
.k43-header-tools{display:flex;align-items:center;gap:10px;flex-shrink:0}
.k43-shelf-action{display:inline-flex;gap:9px;align-items:center;justify-content:center;min-height:44px;padding:9px 12px;border:1px solid #385772;border-radius:10px;background:rgba(16,32,50,.8);color:#deeaf4;font:750 12px var(--body);white-space:nowrap}
.k43-shelf-action:hover{background:#19324e;border-color:#5b92bc}
.k43-heart{font-size:20px;line-height:1;color:#f3d4a0}
.k43-saved-count{display:inline-flex;align-items:center;justify-content:center;min-width:23px;height:23px;padding:0 5px;font:800 11px var(--body);color:#dfedfa;border:1px solid #4b728c;border-radius:8px;background:#13263a}
.k43-search-action{display:flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:9px 14px;border-radius:10px;background:linear-gradient(145deg,#f5d8a5,#d9a866);border:1px solid #fbe0b4;color:#201b14;font:800 12px var(--body);box-shadow:inset 0 1px rgba(255,255,255,.48),0 4px 15px rgba(0,0,0,.19)}
.k43-search-action:hover{filter:brightness(1.08)}
.k43-search-action svg{flex:0 0 auto}
.k43-search-action kbd{font:700 11px var(--k-mono,monospace);border:1px solid #9b7d53;border-radius:5px;padding:1px 5px;background:#fff3d159}
.k43-header button:focus-visible,#cuenta button:focus-visible{outline:3px solid #ffdca3;outline-offset:3px}
/* Sin subbarra duplicada: neón aprobado y búsqueda propios del catálogo siguen presentes. */
#catalogo .catalog-head{padding:18px 0 19px!important;border-bottom:1px solid #2a4259;background:radial-gradient(ellipse 60% 160% at 50% 25%,rgba(15,65,107,.42),transparent 74%),#08111c}
#catalogo .catalog-head-inner{display:block!important}
#catalogo .k-head-intro{max-width:850px;margin:0 auto;text-align:center}
#catalogo .k-head-intro>.mini{font-size:10px;letter-spacing:.17em;color:#9dbbd5}
#catalogo .k-head-intro>p{font-size:13px;color:#b7c8d9;max-width:none;margin:10px 0 0!important;line-height:1.5}
#catalogo .catalog-h1{margin:6px 0 5px!important}
#catalogo .k-catalog-body{padding-top:17px;scroll-margin-top:85px}
/* Bienvenida: hero original intacto, categorías pegadas al recorrido visual. */
#bienvenida .k12-home-discover{margin-top:0}
#bienvenida .home-next{padding-top:26px}
#bienvenida .home-title{gap:16px}
/* Mi Videoclub deja de ser una presentación: panel a todo el ancho. */
#cuenta .k43-account-top{padding:18px 0 17px!important;min-height:0!important;background:radial-gradient(ellipse 75% 130% at 70% 10%,rgba(29,77,115,.32),transparent 69%),linear-gradient(90deg,#0c1b2b,#08111e)!important;border-bottom:1px solid #2a4560}
#cuenta .k43-account-heading{display:flex;align-items:end;justify-content:space-between;gap:18px}
#cuenta .k43-account-top .account-sub{font:700 10px var(--k-mono,monospace);letter-spacing:.11em;color:#e8c996;border-left:2px solid #ddad69;padding-left:9px}
#cuenta .k43-account-top .account-h1{margin:5px 0 0!important;font:750 clamp(29px,3.6vw,47px)/1.12 var(--display)!important;letter-spacing:-.055em!important;text-shadow:none!important}
#cuenta .k43-account-top .account-h1 em{color:#dfb980}
#cuenta .k43-account-top p{margin:0 0 3px;max-width:410px;font-size:13px;color:#b3cadb;line-height:1.55;text-align:right}
#cuenta .k43-account-layout,#cuenta .k43-account-layout.k39-register-active{display:block!important;grid-template-columns:minmax(0,1fr)!important;width:min(1260px,calc(100% - 42px));padding:21px 0 58px!important;margin-inline:auto}
#cuenta .k43-account-layout>.account-sign{width:100%;min-width:0;min-height:0;border:1px solid #344f69;border-radius:15px;background:linear-gradient(140deg,#102035,#091524);box-shadow:0 19px 44px #0005;padding:27px clamp(20px,3vw,36px)}
#cuenta #account-login:not([hidden]){width:min(540px,100%);margin-inline:auto}
#cuenta #account-login>h2{font:750 clamp(26px,3.1vw,38px)/1.12 var(--display);letter-spacing:-.06em;margin:8px 0 9px}
#cuenta #account-login>p:not(.help){font-size:14px;line-height:1.6;color:#c1d2e1}
#cuenta #account-registration,#cuenta #account-recovery,#cuenta #account-new-password{max-width:590px;margin-inline:auto}
#cuenta .account-sign .fields input:focus-visible{outline:2px solid #70bfe9;outline-offset:2px;border-color:#89d2fa}
#cuenta .account-signed-head{gap:12px;margin-bottom:4px;align-items:center}
#cuenta .account-signed-title h2{font:780 clamp(25px,2.7vw,37px)/1.15 var(--display);letter-spacing:-.055em;color:#f5f7fb;margin:5px 0 5px}
#cuenta .account-signed-title>.mini{color:#acd5ee}
#cuenta #account-greeting{margin:0 0 17px;font-size:13px;color:#b9d0e4}
#cuenta .k43-dashboard-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 19px}
#cuenta .k43-dashboard-card{min-width:0;display:flex;align-items:center;gap:13px;min-height:100px;padding:17px 15px;text-align:left;background:linear-gradient(140deg,#162e47,#102137);border:1px solid #375874;border-radius:12px;color:#f5f8fc;box-shadow:0 9px 20px rgba(0,0,0,.16);transition:background-color .15s,border-color .15s,transform .15s}
#cuenta .k43-dashboard-card:hover{background:#1b3a55;border-color:#6da3cb;transform:translateY(-2px)}
#cuenta .k43-dashboard-card.k43-card-featured{border-color:#846c49;background:linear-gradient(140deg,#253549,#15243a)}
#cuenta .k43-card-icon{width:43px;height:43px;display:grid;place-items:center;flex:0 0 43px;border-radius:11px;background:#0c223a;border:1px solid #527c9a;color:#f0c993;font-size:23px}
#cuenta .k43-card-copy{display:grid;gap:4px;min-width:0}
#cuenta .k43-card-copy strong{font:790 14px/1.3 var(--body);letter-spacing:-.02em}
#cuenta .k43-card-copy small{font:550 12px/1.4 var(--body);color:#b3c9da}
#cuenta .k43-card-arrow{margin-left:auto;font-size:18px;color:#95cfe9;align-self:flex-start}
#cuenta .account-dashboard{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:4px}
#cuenta .account-metric{padding:14px 18px;border:1px solid #2f526c;background:#0d1c2d;border-radius:11px;display:flex;align-items:center;justify-content:space-between;gap:13px}
#cuenta .account-metric strong{font:750 29px var(--display);color:#f0d5a4;order:2}
#cuenta .account-metric small{font:700 13px var(--body);color:#bbd0e1;order:1}
#cuenta .user-stuff{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 22px;margin-top:9px}
#cuenta .user-stuff .info-row{min-height:50px;padding:11px 3px;border-bottom:1px solid #27445c;gap:9px;font-size:13px}
#cuenta .user-stuff .info-row strong{font-size:13px}
#cuenta #k-r27-shelf{margin:18px 0 15px;scroll-margin-top:92px}
#cuenta #kb-shelf-jump{display:none!important}/* sustituido por acceso de panel: misma acción */
#cuenta .account-logout{margin-top:19px;gap:9px}
#cuenta .account-logout .btn{min-height:43px}
/* 5. Consistencia y comodidad de acciones en toda la web: sin rediseñar los pósters. */
.k43-header button,.k43-dashboard-card,.btn{touch-action:manipulation}
.btn:not(.save){transition:background-color .16s,border-color .16s,transform .16s}
#catalogo .k-catalog-search{border-radius:13px}
#catalogo .searchfield:focus-visible{outline:2px solid #75cdfa!important;outline-offset:2px}
#catalogo .chip{min-height:39px;transition:background-color .16s,border-color .16s}
#catalogo .chip[aria-pressed="true"]{border-color:#8fc7e8}
.movie-actions .btn{min-height:41px}
@media(max-width:1100px){.k43-header-inner{gap:13px}.k43-primary-nav{gap:0}.k43-primary-nav button{min-width:0;padding-inline:11px}.k43-header-tools{gap:6px}.k43-search-action kbd{display:none}}
@media(max-width:850px){.k43-primary-nav{display:none}.k43-header-inner{justify-content:space-between}.k43-header-tools{margin-left:auto}}
@media(max-width:720px){
 .k43-header-inner{height:58px;padding:0;gap:9px}.k43-brand{min-width:0}.k43-brand img{width:81px;height:48px}
 .k43-shelf-action{display:none} /* navegación inferior conserva Mi estante */
 .k43-search-action{min-height:39px;padding:9px 14px;font-size:12px;gap:7px}
 #catalogo .catalog-head{padding:13px 0 14px!important}
 #catalogo .k-head-intro>p{font-size:12px;line-height:1.4;margin-top:5px!important}
 #catalogo .k-catalog-body{padding-top:12px}
 #cuenta .k43-account-top{padding:13px 0 12px!important}
 #cuenta .k43-account-heading{display:block}
 #cuenta .k43-account-top .account-h1{font-size:33px!important}
 #cuenta .k43-account-top p{max-width:none;text-align:left;margin-top:6px;font-size:12px}
 #cuenta .k43-account-layout{width:calc(100% - 22px);padding:12px 0 85px!important}
 #cuenta .k43-account-layout>.account-sign{padding:17px 15px;border-radius:11px}
 #cuenta .k43-dashboard-actions{grid-template-columns:1fr;gap:9px}
 #cuenta .k43-dashboard-card{min-height:70px;padding:12px 13px;gap:12px}
 #cuenta .k43-card-icon{width:37px;height:37px;flex-basis:37px;font-size:19px}
 #cuenta .account-dashboard{gap:8px}
 #cuenta .account-metric{padding:12px;display:block}
 #cuenta .account-metric strong{font-size:23px;margin-bottom:3px}
 #cuenta .account-metric small{font-size:11px}
 #cuenta .user-stuff{grid-template-columns:1fr;gap:0}
 #cuenta .account-logout .btn{flex:1 1 45%}
 #cuenta .account-signed-title h2{font-size:28px}
}
@media(max-width:370px){.k43-search-action span{display:none}.k43-search-action{width:42px;padding:8px}.k43-brand img{width:77px}}
@media(prefers-reduced-motion:reduce){.k43-dashboard-card,.k43-primary-nav button,.btn{transition:none!important}}

/* Pie editorial discreto, sin segundo logotipo ni duplicación de enlaces. */
.k43-footer{border-top:1px solid #263e54!important;min-height:70px;display:flex!important;align-items:center;justify-content:space-between;gap:18px;padding:20px 0 28px!important;background:transparent!important}
.k43-footer>span{font:780 12px var(--body);letter-spacing:.075em;color:#a7bfce}
.k43-footer>span span{color:#d4b37d;margin:0 7px}
.k43-footer small{font:500 12px var(--body);color:#7f9aac}
@media(max-width:650px){.k43-footer{padding:22px 0 85px!important;display:block!important}.k43-footer small{display:block;margin-top:5px}}
