/* KOKO Calculadoras · capa visual común y navegación. Estilos escopados: no altera Kadence global. */
.koko-suite{--koko-suite-yellow:#FEC300;--koko-suite-bg:#050505;--koko-suite-fg:#fff;--koko-suite-muted:#b5b5b5;--koko-suite-line:rgba(255,255,255,.13);color:var(--koko-suite-fg);width:100%;max-width:1440px;margin:0 auto;font-family:"Inter",Arial,sans-serif;min-width:0}
.koko-suite,.koko-suite *{box-sizing:border-box}
.koko-suite-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;max-width:1440px;min-height:65px;padding:12px clamp(16px,3vw,32px);margin-bottom:12px;border:1px solid rgba(254,195,0,.25);border-radius:16px;background:linear-gradient(110deg,#111 0%,#080808 75%);position:relative;z-index:20}
.koko-suite-toolbar__identity{display:flex;align-items:center;gap:9px;min-width:0;white-space:nowrap}
.koko-suite-toolbar__identity strong{font:400 22px/1 "Anton",Impact,sans-serif;letter-spacing:.035em;color:#fff}
.koko-suite-toolbar__identity>span:last-child{font:800 10px/1.2 "Inter",Arial,sans-serif;letter-spacing:.12em;color:var(--koko-suite-yellow)}
.koko-suite-dot{width:7px;height:7px;flex:0 0 7px;display:block;border-radius:50%;background:var(--koko-suite-yellow)}
.koko-suite-dropdown{position:relative;max-width:100%;margin:0}
.koko-suite-dropdown summary{display:flex;align-items:center;gap:16px;padding:11px 38px 11px 14px;min-height:42px;border:1px solid rgba(254,195,0,.4);border-radius:10px;color:var(--koko-suite-yellow);font:800 11px/1.3 "Inter",Arial,sans-serif;cursor:pointer;list-style:none;white-space:normal;position:relative}
.koko-suite-dropdown summary::-webkit-details-marker{display:none}
.koko-suite-dropdown summary::after{content:"";position:absolute;right:16px;top:46%;border:solid var(--koko-suite-yellow);border-width:0 2px 2px 0;padding:4px;transform:translateY(-55%) rotate(45deg)}
.koko-suite-dropdown[open] summary{background:rgba(254,195,0,.08)}
.koko-suite-dropdown[open] summary::after{transform:translateY(-15%) rotate(225deg)}
.koko-suite-dropdown__content{position:absolute;right:0;top:calc(100% + 8px);width:min(460px,calc(100vw - 24px));max-height:75vh;overflow-y:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;padding:12px;border:1px solid rgba(254,195,0,.38);border-radius:14px;background:#101010;box-shadow:0 16px 60px #000c;z-index:30}
.koko-suite-dropdown__content>a,.koko-suite-dropdown__content>span{display:flex;align-items:center;min-height:42px;padding:10px;border-radius:8px;text-decoration:none;font:700 11px/1.4 "Inter",Arial,sans-serif;word-break:normal;overflow-wrap:anywhere}
.koko-suite-dropdown__content>a{color:#f4f4f4;background:rgba(255,255,255,.045)}
.koko-suite-dropdown__content>a:hover,.koko-suite-dropdown__content>a:focus{color:var(--koko-suite-yellow);background:rgba(254,195,0,.08)}
.koko-suite-dropdown__content>span{color:#848484;background:rgba(255,255,255,.014)}
.koko-suite-dropdown__content>span.is-current{color:var(--koko-suite-yellow);border:1px solid rgba(254,195,0,.26)}
.koko-suite-next{margin-top:15px;padding:clamp(24px,4.5vw,52px);border:1px solid rgba(254,195,0,.25);border-radius:22px;background:radial-gradient(circle at 100% 0,rgba(254,195,0,.08),transparent 44%),linear-gradient(145deg,#101010,#060606);color:#fff}
.koko-suite-next__heading{max-width:900px}
.koko-suite-next__heading>span{display:block;color:var(--koko-suite-yellow);font:800 11px/1.4 "Inter",Arial,sans-serif;letter-spacing:.13em}
.koko-suite-next__heading h3,.koko-suite-index .koko-suite-next__heading h2{margin:11px 0 0;padding:.04em 0 .08em;font:400 clamp(29px,4.4vw,52px)/1.1 "Anton",Impact,sans-serif;letter-spacing:.012em;color:#fff;text-transform:uppercase}
.koko-suite-next__heading p{max-width:800px;margin:7px 0 24px;color:rgba(255,255,255,.7);font:400 clamp(12px,1.25vw,15px)/1.55 "Inter",Arial,sans-serif}
.koko-suite-next__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.koko-suite-next__card{min-width:0;min-height:126px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:5px;padding:20px;border:1px solid rgba(255,255,255,.13);border-radius:14px;background:rgba(255,255,255,.025);color:#fff!important;text-decoration:none!important;transition:border-color .2s,background .2s}
.koko-suite-next__card:hover,.koko-suite-next__card:focus{border-color:rgba(254,195,0,.72);background:rgba(254,195,0,.06)}
.koko-suite-next__card>span{font:800 10px/1.3 "Inter",Arial,sans-serif;color:var(--koko-suite-yellow);text-transform:uppercase;letter-spacing:.1em}
.koko-suite-next__card>strong{font:400 clamp(20px,2.2vw,26px)/1.12 "Anton",Impact,sans-serif;text-transform:uppercase;color:#fff}
.koko-suite-next__card>small{font:500 10px/1.4 "Inter",Arial,sans-serif;color:#aeb0b4}
.koko-suite-next__empty{color:#9b9b9b;font-size:12px}
.koko-suite-transfer-note{margin:0 0 12px;padding:12px 16px;border-left:3px solid var(--koko-suite-yellow);border-radius:5px;background:#17130a;color:#eee;font:600 12px/1.5 "Inter",Arial,sans-serif}
/* Normalización transversal, sin sustituir los motores ni sus estructuras propias. */
.koko-suite :is(.km-calculator,.kr-calculator,.ka-calculator,.kc-calculator,.kgc-calculator,.kva-calculator,.kca-calculator,#koko-vender){max-width:1440px!important;margin-left:auto!important;margin-right:auto!important;font-family:"Inter",Arial,sans-serif!important;color:#fff!important}
.koko-suite :is(.km-title,.kr-hero h2,.ka-hero h2,.kc-hero h2,.kgc-hero h2,.kva-hero h2,.kca-hero h2,.kv-title){font-family:"Anton",Impact,sans-serif!important;font-weight:400!important;font-synthesis:none!important;letter-spacing:.012em!important}
.koko-suite :is(.km-border,.kr-calculator,.ka-shell,.kc-shell,.kgc-shell,.kva-shell,.kca-shell,.kv-border){border-color:rgba(254,195,0,.34)!important;border-radius:24px!important}
.koko-suite :is(.km-input,.km-select,.kr-input input,.kr-fields select,.ka-field input,.ka-field select,.kc-field input,.kc-field select,.kgc-field input,.kgc-field select,.kva-field input,.kva-field select,.kca-field input,.kca-field select,.kv-input,.kv-select){color:#fff!important;box-shadow:none;max-width:100%}
.koko-suite :is(.km-calculator,.kr-calculator,.ka-calculator,.kc-calculator,.kgc-calculator,.kva-calculator,.kca-calculator,#koko-vender) :is(input,select,button){min-width:0}
.koko-suite :is(.km-calculator,.kr-calculator,.ka-calculator,.kc-calculator,.kgc-calculator,.kva-calculator,.kca-calculator,#koko-vender) :is(button,a,summary,input,select):focus-visible{outline:2px solid var(--koko-suite-yellow)!important;outline-offset:3px}
.koko-suite [hidden]{display:none!important}
.koko-suite-index{padding:clamp(24px,4vw,48px);border:1px solid rgba(254,195,0,.3);border-radius:22px;background:#080808}
@media(max-width:1060px){.koko-suite-next__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){
 .koko-suite-toolbar{min-height:56px;padding:8px 10px;gap:8px;border-radius:12px}
 .koko-suite-toolbar__identity strong{font-size:19px}
 .koko-suite-toolbar__identity>span:last-child{font-size:8px;letter-spacing:.04em}
 .koko-suite-dropdown summary{min-height:41px;max-width:210px;font-size:10px;padding:9px 28px 9px 10px}
 .koko-suite-dropdown summary::after{right:12px;padding:3px}
 .koko-suite-dropdown__content{grid-template-columns:1fr;max-height:60vh}
 .koko-suite-next{padding:21px 15px;margin-top:12px;border-radius:16px}
 .koko-suite-next__grid{grid-template-columns:1fr;gap:9px}
 .koko-suite-next__card{min-height:100px;padding:16px}
 .koko-suite-next__card>strong{font-size:23px}
 .koko-suite :is(.km-border,.kr-calculator,.ka-shell,.kc-shell,.kgc-shell,.kva-shell,.kca-shell,.kv-border){border-radius:18px!important}
 .koko-suite :is(.km-calculator,.kr-calculator,.ka-calculator,.kc-calculator,.kgc-calculator,.kva-calculator,.kca-calculator,#koko-vender) :is(input:not([type="range"]),select){font-size:16px!important}
 .koko-suite :is(.km-calculator,.kr-calculator,.ka-calculator,.kc-calculator,.kgc-calculator,.kva-calculator,.kca-calculator,#koko-vender) :is(button,label,summary){word-break:normal!important;hyphens:none!important}
}
@media(max-width:400px){.koko-suite-toolbar__identity{gap:5px}.koko-suite-toolbar__identity>span:last-child{font-size:7px}.koko-suite-dropdown summary{max-width:180px}}
@media(prefers-reduced-motion:reduce){.koko-suite *, .koko-suite *::before,.koko-suite *::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* RC2 · Contraste real en select nativo Windows / Brave / Chrome / Samsung. */
.koko-suite select,
.koko-suite select option,
.koko-suite select optgroup{
 color:#fff!important;
 background-color:#090909!important;
 color-scheme:dark!important;
 -webkit-text-fill-color:#fff!important;
}
.koko-suite select option:checked{background:#28220c!important;color:#fff!important}
.koko-suite select:disabled{opacity:.65}
.koko-suite input[type="number"]{appearance:textfield!important;-moz-appearance:textfield!important;color-scheme:dark!important}
.koko-suite input[type="number"]::-webkit-inner-spin-button,
.koko-suite input[type="number"]::-webkit-outer-spin-button{-webkit-appearance:none!important;appearance:none!important;margin:0!important;display:none!important}
.koko-suite input[type="date"]{color-scheme:dark!important}
.koko-suite .koko-suite-num-host{position:relative;display:block;flex:1 1 auto;min-width:0;width:100%}
.koko-suite .koko-suite-num-host>input[type="number"]{width:100%!important;min-width:0!important;padding-right:32px!important}
.koko-suite .koko-suite-stepper{position:absolute;right:2px;top:50%;transform:translateY(-50%);width:25px;height:calc(100% - 5px);max-height:45px;min-height:34px;display:flex;flex-direction:column;justify-content:center;z-index:3;border-left:1px solid rgba(254,195,0,.20);border-radius:0 8px 8px 0;overflow:hidden;background:#090909}
.koko-suite .koko-suite-stepper button{display:grid!important;place-items:center!important;width:25px!important;min-width:25px!important;min-height:0!important;height:50%!important;flex:1 1 0;padding:0!important;margin:0!important;background:#090909!important;border:0!important;border-radius:0!important;box-shadow:none!important;color:#FEC300!important;cursor:pointer!important;line-height:1!important;transition:background .15s ease!important}
.koko-suite .koko-suite-stepper button:hover{background:#282008!important}
.koko-suite .koko-suite-stepper button:focus-visible{outline:1px solid #FEC300!important;outline-offset:-2px!important}
.koko-suite .koko-suite-stepper svg{display:block;width:13px;height:13px;stroke:#FEC300;fill:none;stroke-width:2.25;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
/* Casillas con unidad superpuesta: el control amarillo queda a la izquierda de la unidad. */
.koko-suite .km-input-wrap>.koko-suite-num-host>input[type="number"],
.koko-suite .kv-wrap>.koko-suite-num-host>input[type="number"]{padding-right:108px!important}
.koko-suite .km-input-wrap>.koko-suite-num-host>.koko-suite-stepper{right:66px}
.koko-suite .kv-wrap>.koko-suite-num-host>.koko-suite-stepper{right:59px}
/* La entrada doble años/meses sigue siendo un grid de cuatro columnas. */
.koko-suite .ka-input--split>.koko-suite-num-host{min-width:0}
.koko-suite .ka-input--split>.koko-suite-num-host input{border-radius:0!important}
.koko-suite .ka-input--split>.koko-suite-num-host:first-child input{border-radius:12px 0 0 12px!important}
.koko-suite .ka-input--split>.koko-suite-num-host:nth-child(3) input{border-left:0!important}
.koko-suite .koko-suite-icon{display:inline-block;vertical-align:middle;flex:0 0 auto;color:#FEC300;stroke:currentColor}
.koko-suite-toolbar__identity>.koko-suite-icon{margin-right:0}
.koko-suite-dropdown summary{padding-right:13px}
.koko-suite-dropdown summary::after{content:none!important}
.koko-suite-dropdown summary>.koko-suite-icon{margin-left:auto;transition:transform .2s ease}
.koko-suite-dropdown[open] summary>.koko-suite-icon{transform:rotate(180deg)}
.koko-suite-next__card{position:relative;padding-right:42px}
.koko-suite-next__card>.koko-suite-icon{position:absolute;top:18px;right:17px;stroke-width:2}
.koko-suite-js-error{border:1px solid #FEC300;border-radius:9px;padding:12px 15px;color:#fff;background:#201b08;font-size:13px}
@media(max-width:700px){.koko-suite-next__card>.koko-suite-icon{top:16px;right:13px}}

/* Diferenciar un número simulado de una renta legalmente exigible. */
.koko-suite .koko-suite-provisional{padding:17px 20px;margin:0 0 16px;border:1px dashed rgba(254,195,0,.55);border-radius:16px;background:rgba(254,195,0,.036);color:#fff;font-family:"Inter",Arial,sans-serif}
.koko-suite .koko-suite-provisional strong{display:block;color:#FEC300;font-size:10px;letter-spacing:.08em;line-height:1.45}
.koko-suite .koko-suite-provisional>[data-output="provisional_rent"]{display:block;font:400 clamp(38px,5vw,55px)/1.15 "Anton",Impact,sans-serif;margin:8px 0 3px;color:#fff}
.koko-suite .koko-suite-provisional small{display:block;color:#FEC300;font-size:12px;font-weight:750}
.koko-suite .koko-suite-provisional p{font:400 11px/1.55 "Inter",Arial,sans-serif;margin:10px 0 0;color:#c8c8c8}
/* Al insertar el campo numérico hay que excluir el nuevo contenedor de los estilos de sufijo (span). */
.koko-suite .km-input-wrap>.koko-suite-num-host,
.koko-suite .kv-wrap>.koko-suite-num-host{
 position:relative!important;top:auto!important;right:auto!important;left:auto!important;bottom:auto!important;
 display:block!important;transform:none!important;width:100%!important;min-width:0!important;max-width:none!important;
 height:auto!important;min-height:0!important;padding:0!important;margin:0!important;border:0!important;
 border-radius:0!important;background:transparent!important;box-shadow:none!important;color:inherit!important;
 pointer-events:auto!important;
}

/* RC3 · Guía jurídica desplegada antes del formulario y del resultado. Sin iconos Unicode. */
.koko-suite [data-koko-actualizacion-alquiler] .ka-law-guide{position:relative;z-index:2;margin:clamp(18px,3vw,38px) clamp(12px,4vw,58px) 0;padding:clamp(20px,3vw,36px);border:1px solid rgba(254,195,0,.35);border-radius:20px;background:linear-gradient(145deg,#17140b,#0b0b0b 72%);color:#fff;font-family:"Inter",Arial,sans-serif}
.koko-suite [data-koko-actualizacion-alquiler] .ka-law-guide__tag{display:block;font-size:10px;font-weight:850;letter-spacing:.10em;color:#FEC300;margin-bottom:12px}
.koko-suite [data-koko-actualizacion-alquiler] .ka-law-guide h3{margin:0 0 12px;padding:0;font:400 clamp(24px,3vw,40px)/1.09 "Anton",Impact,sans-serif;text-transform:uppercase;color:#fff}
.koko-suite [data-koko-actualizacion-alquiler] .ka-law-guide h3 span{color:#FEC300}
.koko-suite [data-koko-actualizacion-alquiler] .ka-law-guide p{margin:0;font-size:12px;line-height:1.65;color:rgba(255,255,255,.76)}
.koko-suite [data-koko-actualizacion-alquiler] .ka-law-guide__head>p{max-width:1060px;font-size:13px;line-height:1.65}
.koko-suite [data-koko-actualizacion-alquiler] .ka-law-guide__rules{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:21px 0 17px}
.koko-suite [data-koko-actualizacion-alquiler] .ka-law-guide__rules>div{padding:17px;border:1px solid rgba(255,255,255,.10);border-radius:13px;background:rgba(255,255,255,.028);min-width:0}
.koko-suite [data-koko-actualizacion-alquiler] .ka-law-guide__rules strong{display:block;margin-bottom:7px;font-size:12px;line-height:1.4;color:#FEC300}
.koko-suite [data-koko-actualizacion-alquiler] .ka-law-guide__explanation{padding:0 0 19px}
.koko-suite [data-koko-actualizacion-alquiler] .ka-law-guide__explanation>strong{color:#fff}
.koko-suite [data-koko-actualizacion-alquiler] .ka-law-guide__check{padding:18px;border:1px solid rgba(254,195,0,.23);border-radius:15px;background:rgba(0,0,0,.3)}
.koko-suite [data-koko-actualizacion-alquiler] .ka-law-guide__check-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px;flex-wrap:wrap}
.koko-suite [data-koko-actualizacion-alquiler] .ka-law-guide__check-head>strong{color:#FEC300;font-size:11px;font-weight:800;letter-spacing:.04em}
.koko-suite [data-koko-actualizacion-alquiler] .ka-law-guide a{color:#FEC300!important;text-decoration:underline;text-underline-offset:3px;font-size:11px}
.koko-suite [data-koko-actualizacion-alquiler] .ka-law-guide__fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.koko-suite [data-koko-actualizacion-alquiler] .ka-law-guide__field{display:flex;flex-direction:column;gap:7px;min-width:0;font-family:"Inter",Arial,sans-serif}
.koko-suite [data-koko-actualizacion-alquiler] .ka-law-guide__field>span{font-size:12px;line-height:1.4;font-weight:750;color:#fff}
.koko-suite [data-koko-actualizacion-alquiler] .ka-law-guide__field>small{color:rgba(255,255,255,.56);font-size:10px;line-height:1.45}
.koko-suite [data-koko-actualizacion-alquiler] .ka-law-guide__field input,
.koko-suite [data-koko-actualizacion-alquiler] .ka-law-guide__field select{height:47px!important;width:100%;min-width:0;background:#090909!important;color:#fff!important;border:1px solid rgba(255,255,255,.18)!important;border-radius:11px!important;padding:0 13px;font-size:14px}
.koko-suite [data-koko-actualizacion-alquiler] .ka-law-guide__money{display:flex;align-items:center;min-width:0}
.koko-suite [data-koko-actualizacion-alquiler] .ka-law-guide__money b{flex:0 0 auto;border:1px solid rgba(255,255,255,.18);border-left:0;display:flex;align-items:center;height:47px;border-radius:0 11px 11px 0;padding:0 10px;color:#FEC300;font-size:11px}
.koko-suite [data-koko-actualizacion-alquiler] .ka-law-guide__money>input{border-radius:11px 0 0 11px!important}
.koko-suite [data-koko-actualizacion-alquiler] .ka-law-guide__status{margin-top:14px;padding:13px 15px;border:1px solid rgba(255,255,255,.14);border-radius:10px;font-size:12px;line-height:1.5;color:#fff;background:#111}
.koko-suite [data-koko-actualizacion-alquiler] .ka-law-guide__status.is-above{border-color:rgba(251,113,133,.45);color:#FFD6DF}
.koko-suite [data-koko-actualizacion-alquiler] .ka-law-guide__status.is-within{border-color:rgba(254,195,0,.42);color:#FFDD61}
.koko-suite [data-koko-actualizacion-alquiler] .ka-law-guide__foot{padding-top:15px;font-size:10px;line-height:1.55;color:rgba(255,255,255,.56)}
.koko-suite [data-koko-actualizacion-alquiler] .ka-law-guide__money>.koko-suite-num-host{min-width:0}
.koko-suite [data-koko-actualizacion-alquiler] .ka-law-guide__money>.koko-suite-num-host>input{border-radius:11px 0 0 11px!important}
@media(max-width:900px){.koko-suite [data-koko-actualizacion-alquiler] .ka-law-guide__rules{grid-template-columns:1fr}}
@media(max-width:700px){.koko-suite [data-koko-actualizacion-alquiler] .ka-law-guide{margin:12px 12px 0;padding:17px;border-radius:15px}.koko-suite [data-koko-actualizacion-alquiler] .ka-law-guide__rules{margin:15px 0;gap:9px}.koko-suite [data-koko-actualizacion-alquiler] .ka-law-guide__fields{grid-template-columns:1fr;gap:13px}.koko-suite [data-koko-actualizacion-alquiler] .ka-law-guide__check{padding:14px}.koko-suite [data-koko-actualizacion-alquiler] .ka-law-guide__head>p{font-size:12px}.koko-suite [data-koko-actualizacion-alquiler] .ka-law-guide__tag{font-size:9px}}

.koko-suite .koko-suite-data-live-status{max-width:1440px;margin:0 auto 12px;padding:10px 14px;background:#111;border:1px solid rgba(254,195,0,.28);border-radius:10px;color:#FEC300;font:600 11px/1.5 "Inter",Arial,sans-serif}
.koko-suite .koko-suite-data-live-status.is-warning{color:#f7d3a6;border-color:rgba(251,113,133,.35)}