/* Optional shortcode elements [koko_mk_perfil] and [koko_mk_presentacion]. */
.km-header-profile{display:inline-flex!important;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:#252527;color:#f5f5f5!important;border:1px solid #666666;text-decoration:none!important;overflow:hidden;vertical-align:middle;line-height:0;transition:border-color .2s}
.km-header-profile:hover,.km-header-profile:focus-visible{border-color:#fec300;outline-offset:3px}
.km-header-profile-image{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%}
.km-header-profile .km-icon{width:25px;height:25px;stroke:#f5f5f5;fill:none;stroke-width:1.8}
.km-header-profile .km-icon--profile{stroke:none!important;fill:currentColor!important;width:26px;height:26px}
.km-header-profile{min-width:44px;flex:0 0 44px;aspect-ratio:1/1}
.km-header-profile:focus-visible{outline:2px solid #fec300!important;outline-offset:4px!important}
.km-home-promo{display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid #424242;background:#191919;color:#f5f5f5;padding:25px clamp(20px,3vw,35px);border-radius:9px;font-family:Inter,system-ui,sans-serif;max-width:1440px;margin-inline:auto}
.km-home-promo strong{font-family:Anton,Impact,sans-serif;font-weight:400;font-size:clamp(22px,3vw,31px);text-transform:uppercase}
.km-home-promo p{font-size:13px;color:#c4c4c6;line-height:1.65;margin:7px 0 0}
.km-home-promo>a{display:inline-flex;gap:10px;align-items:center;padding:11px 17px;border:1px solid #fec300;border-radius:6px;background:#fec300;color:#050506!important;text-decoration:none!important;font-size:12px;font-weight:800;white-space:nowrap}
.km-home-promo .km-icon{height:17px;width:17px;fill:none;stroke:currentColor;stroke-width:1.8}
@media(max-width:680px){.km-header-profile{width:40px;height:40px}.km-home-promo{flex-direction:column;align-items:stretch}.km-home-promo>a{justify-content:center;white-space:normal}}
@media(prefers-reduced-motion:reduce){.km-header-profile{transition:none}}

/* Keep the fallback outline profile pictogram legible and center the empty-avatar icon. */
.km-header-profile .km-avatar--placeholder{display:flex!important;align-items:center;justify-content:center}
.km-header-profile .km-icon--profile-outline{fill:none!important;stroke:currentColor!important}
.km-shell .km-avatar .km-icon--profile-outline{fill:none!important;stroke:currentColor!important}

/* CP6 · Header HTML or optional Kadence auto-placement; keeps the existing header row intact. */
.km-header-profile-slot{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;vertical-align:middle;line-height:0}
.km-header-profile-slot--auto{margin-inline-end:clamp(8px,1.2vw,17px)}
.km-header-profile-slot .km-header-profile{display:inline-flex}
/* The block shortcode wrapper makes wpautop paragraph shells harmless, even without JS. */
:is(.header-html-inner,.mobile-html-inner)>p:empty:has(+.km-header-profile-slot),:is(.header-html-inner,.mobile-html-inner)>.km-header-profile-slot+p:empty{display:none!important}

/* CP8: shared disclosure. The visible avatar is smaller than its 44px touch target. */
.koko-account-menu{position:relative!important;display:inline-block!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;font-family:Inter,system-ui,-apple-system,sans-serif!important;text-align:left;line-height:1.4;color:#f5f5f5;vertical-align:middle}
.koko-account-menu[open]{z-index:100001}
.koko-account-menu .koko-account-trigger{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:4px!important;box-sizing:border-box!important;min-width:44px!important;min-height:44px!important;padding:2px!important;margin:0!important;cursor:pointer;list-style:none!important;background:transparent!important;border:0!important;border-radius:8px!important;color:#f5f5f5!important;font-size:13px!important;line-height:1!important}
.koko-account-trigger::-webkit-details-marker{display:none!important}
.koko-account-trigger::marker{content:''}
.koko-account-trigger::before,.koko-account-trigger::after{content:none!important;display:none!important}
.koko-account-menu .koko-account-avatar{display:flex!important;align-items:center;justify-content:center;width:38px!important;height:38px!important;min-width:38px!important;border-radius:50%!important;overflow:hidden!important;background:linear-gradient(145deg,#ffe06b,#fec300)!important;color:#101011!important;box-shadow:0 0 0 1px #f5d97155}
.koko-account-menu .koko-account-avatar-image,.koko-account-menu .koko-account-identity-avatar{display:flex!important;align-items:center;justify-content:center;width:100%!important;height:100%!important;min-width:0!important;margin:0!important;object-fit:cover!important;border-radius:50%!important;color:#101011;background:linear-gradient(145deg,#ffe06b,#fec300)}
.koko-account-menu .koko-account-avatar .km-icon{width:23px!important;height:23px!important}
.koko-account-menu .km-icon--profile{fill:currentColor!important;stroke:none!important}
.koko-account-menu .koko-account-chevron{display:none!important}
.koko-account-menu[open] .koko-account-avatar{box-shadow:0 0 0 2px #fec300!important}
.koko-account-menu .koko-account-panel{position:absolute!important;right:0;top:calc(100% + 9px);width:min(320px,calc(100vw - 24px))!important;max-height:min(560px,75vh);overflow:auto!important;overscroll-behavior:contain;box-sizing:border-box!important;border:1px solid #555558!important;border-radius:13px!important;padding:8px!important;background:#111111!important;color:#f5f5f5!important;box-shadow:0 18px 48px #0006!important;z-index:100002;text-align:left!important;line-height:1.4!important}
.koko-account-menu:not([open])>.koko-account-panel{display:none!important}
.koko-account-menu .koko-account-panel *{box-sizing:border-box}
.koko-account-menu .koko-account-identity{display:flex!important;align-items:center!important;gap:11px!important;padding:12px 10px 16px!important;margin:0 0 5px!important;border-bottom:1px solid #444447!important;text-decoration:none!important;color:#f5f5f5!important;font-size:14px!important}
.koko-account-menu .koko-account-identity-avatar{width:40px!important;height:40px!important;min-width:40px!important;flex:none}
.koko-account-menu .koko-account-identity-avatar .km-icon{width:25px!important;height:25px!important}
.koko-account-menu .koko-account-identity>span{flex:1;min-width:0}
.koko-account-menu .koko-account-identity strong{display:block;font-family:Inter,system-ui,sans-serif!important;font-size:14px!important;font-weight:700!important;line-height:1.4!important;overflow-wrap:anywhere;text-transform:none!important;color:#f5f5f5!important}
.koko-account-menu .koko-account-identity small{display:block;font-size:12px!important;line-height:1.5;color:#c7c7ca!important;margin-top:3px}
.koko-account-menu .koko-account-links{display:flex!important;flex-direction:column!important;gap:2px!important;margin:0!important;padding:0!important;white-space:normal!important}
.koko-account-menu .koko-account-link{display:flex!important;align-items:center!important;gap:11px!important;min-height:44px!important;width:100%!important;padding:10px!important;margin:0!important;border:0!important;border-radius:7px!important;background:transparent!important;color:#f5f5f5!important;text-decoration:none!important;white-space:normal!important;text-align:left!important;line-height:1.4!important;font-family:Inter,system-ui,sans-serif!important}
.koko-account-menu .koko-account-link>span:first-of-type{flex:1;min-width:0}
.koko-account-menu .koko-account-link strong{display:block!important;font-size:13px!important;font-weight:600!important;line-height:1.5!important;color:inherit!important;text-transform:none!important;letter-spacing:0!important;font-family:inherit!important}
.koko-account-menu .koko-account-link small{display:block!important;font-size:11px!important;line-height:1.5!important;color:#c7c7ca!important;margin-top:1px!important;font-weight:400!important}
.koko-account-menu .koko-account-link>.km-icon,.koko-account-menu .koko-account-identity>.km-icon{display:block!important;width:19px!important;height:19px!important;min-width:19px!important;flex:none;fill:none;stroke:currentColor;stroke-width:1.8}
.koko-account-menu .koko-account-link:hover,.koko-account-menu .koko-account-identity:hover{background:#242426!important;color:#fff!important}
.koko-account-menu .koko-account-count{display:inline-flex!important;align-items:center;justify-content:center;min-width:23px!important;min-height:23px!important;padding:2px 6px!important;border-radius:6px!important;background:#fec300!important;color:#111111!important;font-size:11px!important;font-weight:800!important;line-height:1.3!important;flex:none!important}
.koko-account-menu .koko-account-group-label{padding:13px 10px 5px!important;margin:4px 0 0!important;border-top:1px solid #444447;color:#fec300;font-size:10px!important;font-weight:800!important;letter-spacing:.12em!important}
.koko-account-menu .koko-account-footer,.koko-account-menu .koko-account-save{border-top:1px solid #444447;padding-top:6px;margin-top:6px}
.koko-account-menu .koko-account-footer .koko-account-link{color:#d8d8db!important}
.koko-account-menu .koko-account-welcome{padding:12px 10px;border-bottom:1px solid #444447;margin-bottom:5px;white-space:normal}
.koko-account-menu .koko-account-welcome strong{font-size:15px!important;font-weight:700!important;color:#f5f5f5!important}
.koko-account-menu .koko-account-welcome p{font-size:12px!important;color:#c7c7ca!important;line-height:1.6!important;margin:7px 0 0!important}
.koko-account-menu .koko-account-caption{font-size:13px!important;font-weight:600!important;margin-inline:3px!important}
.koko-bookmark-form{margin:0!important;padding:0!important;border:0!important;background:transparent!important}
.koko-account-menu .koko-bookmark-button{width:100%;min-height:44px;display:flex!important;align-items:center;gap:11px;padding:10px!important;border:0!important;background:transparent!important;color:#fec300!important;font:600 12px/1.5 Inter,system-ui,sans-serif!important;text-align:left!important;cursor:pointer;border-radius:7px!important;white-space:normal!important}
.koko-account-menu .koko-bookmark-button>.km-icon{width:19px!important;height:19px!important;min-width:19px;stroke:currentColor;fill:none}
.koko-account-menu .koko-bookmark-button:hover{background:#242426!important}
.koko-account-menu .koko-account-save-status{font-size:11px!important;color:#d4d4d7!important;line-height:1.5!important;margin:0 10px!important;white-space:normal!important}
.koko-account-menu :is(a,summary,button):focus-visible{outline:2px solid #fec300!important;outline-offset:2px!important}
.koko-bookmark-button[disabled]{opacity:.6;cursor:wait}
@media(max-width:680px){.koko-account-menu .koko-account-avatar{width:30px!important;height:30px!important;min-width:30px!important}.koko-account-menu .koko-account-avatar .km-icon{width:20px!important;height:20px!important}.koko-account-menu .koko-account-trigger{gap:3px!important}.koko-account-menu .koko-account-panel{border-radius:11px!important}}

/* CP10: the shared account menu carries KOKO's charcoal identity. */
.koko-account-menu .koko-account-save{border-top:0;border-bottom:1px solid #444447;margin:0 0 5px;padding:0 0 6px}


/* CP11: bounded help window; never expands into the page's content. */
.koko-help-widget{display:flex;align-items:center;justify-content:flex-end;flex:0 0 auto;margin:0 0 8px;padding:0}
.koko-help-widget .koko-help-button{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;min-height:38px!important;padding:8px 11px!important;border:1px solid #444447!important;border-radius:6px!important;background:#111111!important;color:#f5f5f5!important;box-shadow:none!important;text-decoration:none!important;text-transform:none!important;letter-spacing:0!important;font:600 12px/1.4 Inter,system-ui,sans-serif!important;white-space:nowrap;cursor:pointer}
.koko-help-button>:is(.km-icon,.km-kadence-inline){width:16px!important;height:16px!important;min-width:16px!important;color:#fec300;fill:none;stroke:currentColor}
.koko-help-button:hover{border-color:#fec300!important}
.km-shell .km-nav-layout{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--km-line);min-width:0}
.km-shell .km-nav-layout>.km-nav{flex:1;min-width:0;border-bottom:0}
.km-shell .km-nav-layout>.koko-help-widget{margin:0;padding-top:11px}
html.koko-help-modal-open{overflow:hidden!important}
dialog.koko-help-dialog{--kh-bg:#111111;--kh-card:#18181a;--kh-line:#3c3c40;--kh-text:#f5f5f5;--kh-muted:#c2c2c7;--kh-accent:#fec300;box-sizing:border-box!important;border:0!important;padding:16px!important;margin:0!important;position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;max-width:none!important;max-height:none!important;overflow:hidden!important;background:rgba(0,0,0,.78)!important;color:var(--kh-text)!important;text-align:left!important;font-family:Inter,system-ui,sans-serif!important;z-index:2147483000;color-scheme:dark}
dialog.koko-help-dialog[data-koko-help-theme=match]{--kh-bg:#102630;--kh-card:#15323e;--kh-line:#405b67;--kh-muted:#bdcdd4}
dialog.koko-help-dialog[hidden],dialog.koko-help-dialog:not([open]){display:none!important}
dialog.koko-help-dialog[open]{display:flex!important;align-items:center!important;justify-content:center!important}
.koko-help-dialog::backdrop{background:transparent}
.koko-help-dialog *{box-sizing:border-box!important}
.koko-help-dialog .koko-help-sheet{display:flex;flex-direction:column;width:min(960px,100%);max-height:min(780px,calc(100dvh - 32px));min-height:0;overflow:hidden;border:1px solid var(--kh-line);border-radius:13px;background:var(--kh-bg);box-shadow:0 24px 90px #0009}
.koko-help-dialog .koko-help-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;flex:none;padding:21px 23px 17px;border-bottom:1px solid var(--kh-line);background:var(--kh-bg)}
.koko-help-dialog .koko-help-head h2{font:700 21px/1.3 Inter,system-ui,sans-serif!important;letter-spacing:0!important;text-transform:none!important;margin:0!important;padding:0!important;color:var(--kh-text)!important}
.koko-help-dialog .koko-help-head p{font:400 12px/1.6 Inter,system-ui,sans-serif!important;color:var(--kh-muted)!important;margin:6px 0 0!important;padding:0!important}
.koko-help-dialog .koko-help-close-form{display:block!important;flex:none;margin:0!important;padding:0!important;background:transparent!important;border:0!important}
.koko-help-dialog .koko-help-x{display:flex!important;align-items:center!important;justify-content:center!important;width:38px!important;height:38px!important;padding:0!important;border:1px solid var(--kh-line)!important;border-radius:7px!important;background:transparent!important;color:var(--kh-text)!important;box-shadow:none!important;cursor:pointer}
.koko-help-dialog .koko-help-x svg{width:19px!important;height:19px!important;fill:none;stroke:currentColor}
.koko-help-dialog .koko-help-layout{display:grid;grid-template-columns:174px minmax(0,1fr);flex:1;min-height:0;overflow:hidden}
.koko-help-dialog .koko-help-topics{display:flex;flex-direction:column;gap:4px;padding:14px 10px;overflow:auto;border-right:1px solid var(--kh-line);min-height:0}
.koko-help-dialog .koko-help-topics button{display:block!important;flex:none;min-height:42px!important;width:100%!important;margin:0!important;padding:9px 11px!important;border:0!important;border-radius:6px!important;background:transparent!important;color:var(--kh-muted)!important;font:600 12px/1.5 Inter,system-ui,sans-serif!important;text-align:left!important;white-space:normal!important;box-shadow:none!important;text-transform:none!important;letter-spacing:0!important;cursor:pointer}
.koko-help-dialog .koko-help-topics button[aria-selected=true]{background:var(--kh-accent)!important;color:#101011!important}
.koko-help-dialog .koko-help-mobile{display:none}
.koko-help-dialog .koko-help-content{overflow:auto;overscroll-behavior:contain;min-height:0;padding:21px 23px;scrollbar-width:thin}
.koko-help-dialog [data-koko-help-section][hidden]{display:none!important}
.koko-help-dialog .koko-help-content h3{font:700 18px/1.4 Inter,system-ui,sans-serif!important;color:var(--kh-text)!important;letter-spacing:0!important;text-transform:none!important;margin:0!important;padding:0!important}
.koko-help-dialog .koko-help-intro{font:400 13px/1.65 Inter,system-ui,sans-serif!important;color:var(--kh-muted)!important;margin:8px 0 17px!important;padding:0!important}
.koko-help-dialog .koko-help-cards{display:grid;gap:10px}
.koko-help-dialog .koko-help-card{padding:13px 15px;margin:0;border:1px solid var(--kh-line);border-radius:8px;background:var(--kh-card);min-width:0}
.koko-help-dialog .koko-help-card h4{font:650 13px/1.5 Inter,system-ui,sans-serif!important;color:var(--kh-text)!important;text-transform:none!important;letter-spacing:0!important;padding:0!important;margin:0!important}
.koko-help-dialog .koko-help-card p{font:400 13px/1.65 Inter,system-ui,sans-serif!important;color:var(--kh-muted)!important;margin:5px 0 0!important;padding:0!important;overflow-wrap:anywhere}
.koko-help-dialog .koko-help-foot{display:flex;align-items:center;justify-content:space-between;gap:15px;flex:none;padding:14px 23px;border-top:1px solid var(--kh-line)}
.koko-help-dialog .koko-help-foot>span{font:400 11px/1.5 Inter,system-ui,sans-serif!important;color:var(--kh-muted)!important}
.koko-help-dialog .koko-help-done{display:inline-flex!important;justify-content:center!important;align-items:center!important;min-height:40px!important;padding:9px 14px!important;margin:0!important;border:1px solid #fec300!important;border-radius:6px!important;background:#fec300!important;color:#101011!important;font:700 12px/1.5 Inter,system-ui,sans-serif!important;box-shadow:none!important;letter-spacing:0!important;text-transform:none!important;white-space:nowrap!important;cursor:pointer}
.koko-help-dialog :is(button,select,[tabindex]):focus-visible,.koko-help-button:focus-visible{outline:2px solid #fec300!important;outline-offset:3px!important}
@media(max-width:640px){
 dialog.koko-help-dialog{padding:10px!important}
 .koko-help-dialog .koko-help-sheet{max-height:calc(100dvh - 20px);border-radius:10px}
 .koko-help-dialog .koko-help-head{padding:17px 15px 13px;gap:12px}
 .koko-help-dialog .koko-help-head h2{font-size:19px!important}
 .koko-help-dialog .koko-help-layout{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr)}
 .koko-help-dialog .koko-help-topics{display:none}
 .koko-help-dialog .koko-help-mobile{display:block;padding:13px 15px 0}
 .koko-help-dialog .koko-help-mobile label{display:block;font:600 11px/1.5 Inter,system-ui,sans-serif;color:var(--kh-muted);margin:0 0 6px}
 .koko-help-dialog .koko-help-mobile select{width:100%!important;height:42px!important;min-width:0;padding:8px 10px!important;border:1px solid var(--kh-line)!important;border-radius:6px!important;background:#111111!important;color:#f5f5f5!important;font:400 16px/1.4 Inter,system-ui,sans-serif!important;color-scheme:dark!important}
 .koko-help-dialog .koko-help-mobile option{background:#111111;color:#f5f5f5}
 .koko-help-dialog .koko-help-content{padding:17px 15px}
 .koko-help-dialog .koko-help-foot{padding:12px 15px;align-items:center}
 .koko-help-dialog .koko-help-foot>span{max-width:45%}
 .km-shell .km-nav-layout{gap:7px}
 .koko-help-widget .koko-help-button{padding:8px!important;font-size:11px!important;gap:5px!important}
}
@media print{.koko-help-dialog,.koko-help-widget{display:none!important}html.koko-help-modal-open{overflow:visible!important}}