.gev-kiom{
--gev-kiom-radio:.6rem; --gev-rojo:#B3261E;
--gev-sobre-rojo:#FFFFFF; font-size:1.0625rem;
line-height:1.6; --gev-gris:#3A4F66;
--gev-borde:#4A5D73;
--gev-verde:#046A38;
margin:1.5rem 0;
border:1px solid var(--gev-linea,#E1E8ED);
border-radius:var(--gev-kiom-radio);
background:var(--gev-caja,#F7F9FA);
padding:1.25rem;
color:var(--gev-texto,#3A4F66);
} html[data-gev-tema="oscuro"] .gev-kiom{
--gev-rojo:#FF8A80;
--gev-sobre-rojo:#0E1620;
--gev-gris:#CBD6E1;
--gev-borde:#B8C7D6;
--gev-verde:#7DEBAF;
}
@media (prefers-color-scheme: dark){
html:not([data-gev-tema]) .gev-kiom{
--gev-rojo:#FF8A80;
--gev-sobre-rojo:#0E1620;
--gev-gris:#CBD6E1;
--gev-borde:#B8C7D6;
--gev-verde:#7DEBAF;
}
}
.gev-kiom [hidden]{ display:none !important; } .gev-kiom__solo-lectores{
position:absolute !important;
width:1px; height:1px;
padding:0; margin:-1px;
overflow:hidden;
clip:rect(0 0 0 0);
clip-path:inset(50%);
white-space:nowrap;
border:0;
} .gev-kiom .gev-kiom__gancho{
font-size:1.15em;
font-weight:600;
color:var(--gev-titulo,#0F2545);
margin:0 0 .75rem;
} .gev-kiom .gev-kiom__sin-js{
font-weight:600;
color:var(--gev-rojo,#B3261E);
margin:0 0 .75rem;
} .gev-kiom__reloj{
display:flex;
align-items:center;
gap:.75rem;
margin:0 0 1rem;
}
.gev-kiom__barra{
flex:1 1 auto;
height:.5rem;
border-radius:.25rem;
background:var(--gev-linea,#E1E8ED);
overflow:hidden;
}
.gev-kiom__barra span{
display:block;
height:100%;
width:100%;
background:var(--gev-verde,#00842B);
transition:width .25s linear;
}
.gev-kiom__barra--poco span{ background:var(--gev-rojo,#B3261E); }
.gev-kiom__segundos{
font-variant-numeric:tabular-nums;
font-weight:700;
color:var(--gev-rojo,#B3261E);
text-align:right;
} .gev-kiom__segundos:empty{ display:none; } .gev-kiom__avance{
display:flex;
flex-wrap:wrap;
gap:.35rem;
margin:0 0 .75rem;
}
.gev-kiom__punto{
width:.55rem;
height:.55rem;
border-radius:50%; background:var(--gev-fondo,#FFFFFF);
border:1px solid var(--gev-borde,#4A5D73);
}
.gev-kiom__punto--bien{
background:var(--gev-verde,#00842B);
border-color:var(--gev-verde,#00842B);
}
.gev-kiom__punto--mal{
background:var(--gev-rojo,#B3261E);
border-color:var(--gev-rojo,#B3261E); border-radius:.1rem;
}
.gev-kiom__punto--ahora{
background:var(--gev-fondo,#FFFFFF);
border-color:var(--gev-verde-oscuro,#046A38);
box-shadow:0 0 0 2px var(--gev-caja,#F7F9FA), 0 0 0 3px var(--gev-verde-oscuro,#046A38);
} .gev-kiom .gev-kiom__contador{
font-size:1em;
color:var(--gev-gris,#647385);
margin:0 0 .35rem;
} .gev-kiom__tarjeta{
border:1px solid var(--gev-linea,#E1E8ED);
border-left:4px solid var(--gev-verde,#00842B);
border-radius:var(--gev-kiom-radio);
background:var(--gev-fondo,#FFFFFF);
padding:.9rem 1rem;
margin:0 0 1rem;
} .gev-kiom .gev-kiom__frase{
font-size:1.6em;
font-weight:700;
line-height:1.3;
color:var(--gev-verde-oscuro,#046A38);
margin:0;
}
.gev-kiom__frase:focus{ outline:none; }
.gev-kiom__frase:focus-visible{
outline:2px solid var(--gev-verde-oscuro,#046A38);
outline-offset:4px;
}
.gev-kiom__opciones{ display:grid; gap:.5rem; }
.gev-kiom__opcion{
display:flex;
align-items:flex-start;
gap:.5rem;
width:100%;
text-align:left;
font:inherit;
line-height:1.5;
min-height:48px;
padding:.7rem .9rem;
border:1px solid var(--gev-borde,#5B6B82);
border-radius:var(--gev-kiom-radio);
background:var(--gev-fondo,#FFFFFF);
color:var(--gev-texto,#3A4F66);
cursor:pointer;
}
.gev-kiom__opcion:hover:not(:disabled){ border-color:var(--gev-verde,#00842B); } .gev-kiom__opcion:focus-visible,
.gev-kiom__boton:focus-visible,
.gev-kiom__ayuda-boton:focus-visible,
.gev-kiom__enlace:focus-visible,
.gev-kiom__repaso summary:focus-visible{
outline:3px solid var(--gev-verde,#046A38);
outline-offset:2px;
}
.gev-kiom__opcion:disabled{ cursor:default; } .gev-kiom__opcion:disabled:not(.gev-kiom__opcion--bien):not(.gev-kiom__opcion--mal){
opacity:.5;
border-style:dashed;
}
.gev-kiom__opcion-texto{ flex:1 1 auto; } .gev-kiom__opcion-num{
flex:0 0 auto;
display:inline-flex;
align-items:center;
justify-content:center;
width:1.6em;
height:1.6em;
border-radius:.35rem;
border:1px solid var(--gev-borde,#4A5D73);
background:var(--gev-caja,#F7F9FA);
font-weight:700;
font-variant-numeric:tabular-nums;
line-height:1;
} .gev-kiom__opcion--bien .gev-kiom__opcion-num,
.gev-kiom__opcion--mal .gev-kiom__opcion-num{ display:none; } .gev-kiom__opcion-marca{
flex:0 0 auto;
font-weight:800;
line-height:1.35;
}
.gev-kiom__opcion--bien{
border-color:var(--gev-verde,#00842B);
background:var(--gev-verde,#00842B);
color:var(--gev-sobre-verde,#FFFFFF);
font-weight:600;
}
.gev-kiom__opcion--mal{
border-color:var(--gev-rojo,#B3261E);
background:var(--gev-rojo,#B3261E);
color:var(--gev-sobre-rojo,#FFFFFF);
} .gev-kiom__niveles{ margin:0 0 1rem; }
.gev-kiom .gev-kiom__niveles-titulo{
margin:0 0 .5rem;
font-weight:600;
color:var(--gev-titulo,#0F2545);
}
.gev-kiom__niveles-casillas{ display:flex; flex-wrap:wrap; gap:.5rem; }
.gev-kiom__nivel{
display:inline-flex;
align-items:center;
gap:.45rem;
min-height:48px;
padding:.5rem .9rem;
border:1px solid var(--gev-borde,#4A5D73);
border-radius:var(--gev-kiom-radio);
background:var(--gev-fondo,#FFFFFF);
font-weight:600;
cursor:pointer;
} .gev-kiom .gev-kiom__nivel{ margin:0; }
.gev-kiom__nivel--puesto{
border-width:2px;
border-color:var(--gev-verde-oscuro,#046A38);
background:var(--gev-sobre-verde-flojo,#CFE9D8);
color:var(--gev-titulo,#0F2545);
}
.gev-kiom__nivel input{ width:1.1rem; height:1.1rem; accent-color:var(--gev-verde-oscuro,#046A38); }
.gev-kiom__nivel:has(input:focus-visible){
outline:2px solid var(--gev-verde-oscuro,#046A38);
outline-offset:2px;
} .gev-kiom__nivel input:focus-visible{ outline:2px solid var(--gev-verde-oscuro,#046A38); }
.gev-kiom__nivel input:disabled{ cursor:default; } .gev-kiom__nivel--sola{
opacity:.6;
cursor:default;
}
.gev-kiom .gev-kiom__niveles-pie{
margin:.5rem 0 0;
font-size:.95em;
color:var(--gev-gris,#3A4F66);
} .gev-kiom__siguiente{
margin:1rem 0 0; min-height:calc(1.6em + 1.4rem + 2px);
} .gev-kiom .gev-kiom__marca{
font-size:2em;
font-weight:800;
line-height:1.1;
color:var(--gev-verde-oscuro,#046A38);
margin:0 0 .25rem;
}
.gev-kiom__marca:empty{ display:none; } .gev-kiom__marca:focus{ outline:none; }
.gev-kiom__marca:focus-visible{
outline:2px solid var(--gev-verde,#046A38);
outline-offset:4px;
}
.gev-kiom .gev-kiom__porcentaje{
font-size:1.1em;
font-weight:600;
color:var(--gev-titulo,#0F2545);
margin:0 0 .5rem;
}
.gev-kiom__porcentaje:empty{ display:none; }
.gev-kiom__contador:empty{ display:none; }
.gev-kiom__mensaje{ margin:0 0 1rem; } .gev-kiom__botones{ display:flex; flex-wrap:wrap; gap:.5rem; margin:0 0 1rem; }
.gev-kiom__boton{
font:inherit;
font-weight:600;
min-height:48px;
padding:.7rem 1.1rem;
border-radius:var(--gev-kiom-radio);
border:1px solid var(--gev-verde,#00842B);
background:var(--gev-verde,#00842B);
color:var(--gev-sobre-verde,#FFFFFF);
cursor:pointer;
} .gev-kiom__boton--flojo{
background:var(--gev-fondo,#FFFFFF);
color:var(--gev-verde-oscuro,#046A38);
border:1px solid var(--gev-verde-oscuro,#046A38);
}
.gev-kiom__boton:hover{ opacity:.85; } .gev-kiom__otra-vez{
display:flex;
flex-wrap:wrap;
gap:1.25rem;
margin:0 0 1rem;
} .gev-kiom__otra-vez--juego{ margin:1.25rem 0 0; }
.gev-kiom__enlace{
font:inherit;
font-weight:600;
font-size:1em;
padding:.6rem 0;
min-height:48px;
border:0;
background:none;
color:var(--gev-verde-oscuro,#046A38);
text-decoration:underline;
cursor:pointer;
}
.gev-kiom__enlace:hover,
.gev-kiom__enlace:focus-visible{ text-decoration:none; } .gev-kiom__enlace[data-gev-confirmar="1"]{
padding:.6rem 1rem;
border-radius:var(--gev-kiom-radio);
background:var(--gev-verde-oscuro,#046A38);
color:var(--gev-sobre-verde,#FFFFFF);
-webkit-text-fill-color:var(--gev-sobre-verde,#FFFFFF);
text-decoration:none;
font-weight:700;
} .gev-kiom .gev-kiom__copia-aviso{
margin:0 0 .5rem;
font-weight:600;
color:var(--gev-titulo,#0F2545);
}
.gev-kiom__copia-aviso:empty{ display:none; }
.gev-kiom__copia-texto{
display:block;
box-sizing:border-box;
width:100%;
min-height:6rem;
margin:0 0 1rem;
padding:.6rem .7rem;
font:inherit;
line-height:1.5;
border:1px solid var(--gev-borde,#4A5D73);
border-radius:var(--gev-kiom-radio);
background:var(--gev-fondo,#FFFFFF);
color:var(--gev-texto,#3A4F66);
resize:vertical;
}
.gev-kiom__copia-texto:focus-visible{
outline:3px solid var(--gev-verde,#046A38);
outline-offset:2px;
}
.gev-kiom__repaso summary{
cursor:pointer;
font-weight:600;
color:var(--gev-verde-oscuro,#046A38); display:flex;
align-items:center;
min-height:48px;
list-style:none;
} .gev-kiom__repaso summary::-webkit-details-marker{ display:none; }
.gev-kiom__repaso summary::before{ content:"▸"; content:"▸" / ""; margin-right:.4rem; }
.gev-kiom__repaso[open] summary::before{ content:"▾"; content:"▾" / ""; }
.gev-kiom__repaso li{ margin:0 0 .5rem; }
.gev-kiom__repaso b{ color:var(--gev-verde-oscuro,#046A38); } .gev-kiom__repaso-mal b{ color:var(--gev-rojo,#B3261E); }
.gev-kiom__repaso-aviso{
font-size:1em;
font-weight:600;
color:var(--gev-rojo,#B3261E);
}
@media (max-width:480px){
.gev-kiom{ padding:1rem; } .gev-kiom .gev-kiom__frase{ font-size:1.45em; } .gev-kiom__botones .gev-kiom__boton{ flex:1 1 100%; width:100%; } .gev-kiom__niveles-casillas .gev-kiom__nivel{ flex:1 1 45%; }
} @media (max-width:300px){
.gev-kiom{ padding:.5rem; }
.gev-kiom__tarjeta{ padding:.5rem .6rem; border-left-width:3px; }
.gev-kiom .gev-kiom__frase{ font-size:1.25em; overflow-wrap:break-word; }
.gev-kiom__opcion{ padding:.6rem .6rem; }
} @media (prefers-reduced-motion:reduce){
.gev-kiom__barra span{ transition:none; }
} .gev-kiom__ayuda-boton{
min-height:48px;
padding:.5rem .9rem;
margin:0 0 .5rem;
border:1px solid var(--gev-borde,#5B6B82); border-radius:var(--gev-radio,4px);
background:transparent;
color:var(--gev-texto,#3A4F66);
font-size:1em;
cursor:pointer;
} .gev-kiom__ayuda-boton:hover{ border-color:var(--gev-verde,#00842B); }
.gev-kiom__ayuda-flecha::before{ content:"▸ "; }
.gev-kiom__ayuda-boton[aria-expanded="true"] .gev-kiom__ayuda-flecha::before{ content:"▾ "; }
.gev-kiom .gev-kiom__ayuda{
margin:0 0 1rem;
font-size:1em;
color:var(--gev-gris,#647385);
} .gev-kiom .gev-kiom__ayuda p{ margin:0 0 .5rem; color:var(--gev-gris,#647385); }
.gev-kiom .gev-kiom__ayuda p:last-child{ margin-bottom:0; }