.gev-kruc{
margin:1.5rem 0;
color:var(--gev-texto,#3A4F66); font-size:1.0625rem;
line-height:1.6; --gev-gris:#3A4F66;
--gev-borde:#4A5D73;
--gev-verde:#046A38; --gev-kruc-hecha:#EAF6EE; --gev-kruc-mal:#B3261E;
--gev-kruc-mal-fondo:#FCE8E6; --gev-kruc-muro:#4A5D73;
--gev-kruc-linea:#4A5D73;
--gev-kruc-palabra:var(--gev-sobre-verde-flojo,#CFE9D8);
--gev-kruc-pista-aqui:var(--gev-sobre-verde-flojo,#CFE9D8);
} @container style(--gev-osc: 1){
.gev-kruc{
--gev-gris:#CBD6E1;
--gev-borde:#B8C7D6;
--gev-verde:#7DEBAF;
--gev-kruc-hecha:#16382A;
--gev-kruc-mal:#FFB4AB;
--gev-kruc-mal-fondo:#5C1A16;
--gev-kruc-muro:#0B1017;
--gev-kruc-linea:#66788F; --gev-kruc-palabra:#26405A;
--gev-kruc-pista-aqui:#26405A;
}
} .gev-kruc .gev-kruc__fecha{
font-weight:700;
color:var(--gev-titulo,#0F2545);
margin:0 0 .25rem;
} .gev-kruc__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-kruc__ayuda-boton:hover{ background:var(--gev-caja,#F7F9FA); }
.gev-kruc__ayuda-boton:focus-visible{
outline:3px solid var(--gev-verde-oscuro,#046A38);
outline-offset:2px;
}
.gev-kruc__ayuda-boton:active{ transform:translateY(1px); }
.gev-kruc__ayuda-flecha::before{ content:"▸ "; }
.gev-kruc__ayuda-boton[aria-expanded="true"] .gev-kruc__ayuda-flecha::before{ content:"▾ "; }
.gev-kruc .gev-kruc__ayuda{
margin:0 0 1rem;
font-size:1em;
color:var(--gev-gris,#647385);
} .gev-kruc .gev-kruc__ayuda p{ margin:0 0 .5rem; color:var(--gev-gris,#647385); }
.gev-kruc .gev-kruc__ayuda p:last-child{ margin-bottom:0; } .gev-kruc__marcador{
display:flex;
flex-wrap:wrap;
gap:.75rem;
align-items:baseline;
margin:0 0 .4rem;
font-size:1em;
}
.gev-kruc__reloj{
font-weight:700;
font-variant-numeric:tabular-nums;
color:var(--gev-titulo,#0F2545);
}
.gev-kruc__puntos{
font-weight:700;
font-variant-numeric:tabular-nums;
color:var(--gev-titulo,#0F2545);
}
.gev-kruc__rachas{ color:var(--gev-gris,#647385); } .gev-kruc .gev-kruc__que-es{
font-size:1em;
color:var(--gev-gris,#647385);
margin:.75rem 0 0;
}
.gev-kruc__caja{
display:flex;
flex-wrap:wrap;
gap:1.5rem;
align-items:flex-start;
} .gev-kruc__columna-rejilla{ flex:1 1 300px; max-width:min(100%,30rem); position:relative; }
.gev-kruc__lado{ flex:1 1 260px; min-width:min(100%,16rem); } .gev-kruc__rejilla{
display:grid;
gap:2px;
background:var(--gev-kruc-linea,#4A5D73);
padding:2px;
border-radius:.35rem;
user-select:none;
-webkit-user-select:none;
touch-action:manipulation;
max-width:min(100%,calc(58vh * var(--gev-kruc-ancho,11) / var(--gev-kruc-alto,11))); max-width:min(100%,calc(58lvh * var(--gev-kruc-ancho,11) / var(--gev-kruc-alto,11))); container-type:inline-size;
} @media (orientation:landscape) and (max-height:500px){
.gev-kruc__rejilla{
max-width:min(100%,calc(95vh * var(--gev-kruc-ancho,11) / var(--gev-kruc-alto,11)));
max-width:min(100%,calc(95lvh * var(--gev-kruc-ancho,11) / var(--gev-kruc-alto,11)));
}
} .gev-kruc__rejilla:focus-visible{
outline:3px solid var(--gev-verde-oscuro,#046A38);
outline-offset:3px;
} .gev-kruc__rejilla--cargando{
min-height:14rem;
background:
repeating-linear-gradient(90deg,var(--gev-caja,#F7F9FA) 0 2rem,transparent 2rem 2.15rem),
repeating-linear-gradient(0deg,var(--gev-caja,#F7F9FA) 0 2rem,transparent 2rem 2.15rem),
var(--gev-borde,#5B6B82);
} .gev-kruc__fila{ display:contents; }
.gev-kruc__casilla{
position:relative;
aspect-ratio:1;
background:var(--gev-fondo,#FFFFFF);
display:flex;
align-items:center;
justify-content:center;
font-weight:700; font-size:clamp(1.2rem,4.8vw,1.55rem); font-size:min(1.55rem,calc(62cqw / var(--gev-kruc-ancho,11)));
line-height:1;
color:var(--gev-titulo,#0F2545);
cursor:pointer;
}
.gev-kruc__casilla--muro{ background:var(--gev-kruc-muro,#4A5D73); cursor:default; } .gev-kruc__casilla--palabra{
background:var(--gev-kruc-palabra,#CFE9D8);
box-shadow:inset 0 0 0 2px var(--gev-verde,#046A38);
} .gev-kruc__casilla--hecha{ background:var(--gev-kruc-hecha,#EAF6EE); color:var(--gev-verde-oscuro,#046A38); } .gev-kruc__casilla--mal{
color:var(--gev-kruc-mal,#B3261E);
background:var(--gev-kruc-mal-fondo,#FCE8E6); box-shadow:inset 0 0 0 2px var(--gev-kruc-mal,#B3261E); text-decoration:line-through;
text-decoration-thickness:2px;
}
.gev-kruc__casilla--mal .gev-kruc__num{ color:var(--gev-kruc-mal,#B3261E); } .gev-kruc__casilla--aqui,
.gev-kruc__casilla--aqui.gev-kruc__casilla--hecha,
.gev-kruc__casilla--aqui.gev-kruc__casilla--mal{
background:var(--gev-verde,#00842B);
color:var(--gev-sobre-verde,#FFFFFF);
}
.gev-kruc__casilla--aqui.gev-kruc__casilla--mal{
box-shadow:inset 0 0 0 3px var(--gev-kruc-mal,#B3261E),inset 0 0 0 5px var(--gev-sobre-verde,#FFFFFF);
} .gev-kruc__casilla--regalada{ color:var(--gev-gris,#647385); }
.gev-kruc__casilla--regalada::before{
content:"";
position:absolute;
top:0;
right:0;
border:.2em solid transparent;
border-top-color:currentColor;
border-right-color:currentColor;
pointer-events:none;
}
.gev-kruc__casilla--aqui.gev-kruc__casilla--regalada{ color:var(--gev-sobre-verde,#FFFFFF); } .gev-kruc__casilla--aqui::after{
content:"";
position:absolute;
border:.32em solid transparent;
pointer-events:none;
}
.gev-kruc__casilla--hor::after{
right:1px; top:50%; transform:translateY(-50%);
border-left-color:var(--gev-sobre-verde,#FFFFFF);
border-right-width:0;
}
.gev-kruc__casilla--ver::after{
bottom:1px; left:50%; transform:translateX(-50%);
border-top-color:var(--gev-sobre-verde,#FFFFFF);
border-bottom-width:0;
}
.gev-kruc__num{
position:absolute;
top:1px;
left:2px; font-size:max(.42em,11px);
font-weight:700;
color:var(--gev-gris,#647385);
}
.gev-kruc__casilla--aqui .gev-kruc__num{ color:var(--gev-sobre-verde,#FFFFFF); } .gev-kruc__actual{
display:flex;
min-height:52px;
align-items:stretch;
gap:.25rem;
margin:.4rem 0 0;
border:1px solid var(--gev-borde,#5B6B82);
border-radius:.4rem;
background:var(--gev-caja,#F7F9FA);
overflow:hidden;
} .gev-kruc__actual[hidden]{ display:none; }
.gev-kruc__actual-texto{
flex:1 1 auto; text-align:left;
padding:.5rem .6rem;
line-height:1.5;
font-size:1em;
min-width:0;
}
.gev-kruc__salto{
flex:0 0 auto;
font:inherit; min-width:48px;
font-size:1.4em;
line-height:1;
padding:0 .7rem;
border:0;
background:transparent;
color:var(--gev-verde-oscuro,#046A38);
cursor:pointer;
}
.gev-kruc__salto:hover,
.gev-kruc__salto:focus-visible{ background:var(--gev-sobre-verde-flojo,#CFE9D8); } .gev-kruc__teclado{
position:absolute;
opacity:0;
width:1px;
height:1px;
border:0;
padding:0;
pointer-events:none;
}
.gev-kruc .gev-kruc__titulo{
font-weight:700;
margin:0 0 .35rem;
color:var(--gev-titulo,#0F2545);
}
.gev-kruc__lista{ list-style:none; margin:0 0 1rem; padding:0; }
.gev-kruc__pista{
display:block;
width:100%;
text-align:left;
font:inherit; min-height:48px;
line-height:1.5;
padding:.6rem .5rem;
border:0;
border-radius:.3rem;
background:transparent;
color:inherit;
cursor:pointer;
}
.gev-kruc__pista:hover,
.gev-kruc__pista:focus-visible{ background:var(--gev-caja,#F7F9FA); } .gev-kruc__pista:focus-visible,
.gev-kruc__salto:focus-visible{
outline:3px solid var(--gev-verde-oscuro,#046A38);
outline-offset:-3px;
}
.gev-kruc__boton:focus-visible{
outline:3px solid var(--gev-verde-oscuro,#046A38);
outline-offset:2px;
}
.gev-kruc__pista:disabled{ cursor:default; }
.gev-kruc .gev-kruc__final-titulo:focus{ outline:none; } .gev-kruc__oculto{
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-kruc__pista--aqui{
background:var(--gev-kruc-pista-aqui,#CFE9D8);
box-shadow:inset 4px 0 0 var(--gev-verde,#046A38);
font-weight:600;
}
.gev-kruc__pista b{ color:var(--gev-verde-oscuro,#046A38); }
.gev-kruc__pista--hecha{ text-decoration:line-through; color:var(--gev-gris,#647385); }
.gev-kruc__botones{
display:flex;
flex-wrap:wrap;
align-items:center;
gap:.5rem;
margin:.4rem 0 .75rem;
}
.gev-kruc__boton{
font:inherit;
font-weight:600;
min-height:48px;
padding:.6rem 1rem;
border-radius:.5rem;
border:1px solid var(--gev-verde,#00842B);
background:var(--gev-verde,#00842B);
color:var(--gev-sobre-verde,#FFFFFF);
cursor:pointer;
}
.gev-kruc__boton--flojo{ background:transparent; color:var(--gev-verde-oscuro,#046A38); }
.gev-kruc__boton:hover,
.gev-kruc__boton:focus-visible{ opacity:.85; } .gev-kruc__boton:active:not(:disabled),
.gev-kruc__salto:active{ transform:translateY(1px); opacity:.7; } .gev-kruc__botones--fin{
margin:1.5rem 0 .75rem;
padding:1rem 0 0;
border-top:1px solid var(--gev-linea,#E1E8ED);
}
.gev-kruc__boton--peligro{
background:transparent;
border-color:var(--gev-borde,#5B6B82);
color:var(--gev-gris,#647385);
font-weight:400;
padding:.55rem .8rem;
} .gev-kruc__boton[data-gev-confirmar="1"]{
background:var(--gev-verde-oscuro,#046A38);
border-color:var(--gev-verde-oscuro,#046A38);
color:var(--gev-sobre-verde,#FFFFFF);
-webkit-text-fill-color:var(--gev-sobre-verde,#FFFFFF);
font-weight:700;
} .gev-kruc__boton:disabled{ opacity:.4; cursor:default; } .gev-kruc .gev-kruc__parapegar{
margin:.75rem 0 0;
padding:.5rem .75rem;
white-space:pre-line;
font-size:1em;
border:1px dashed var(--gev-borde,#5B6B82);
border-radius:6px;
color:var(--gev-texto,#3A4F66);
background:var(--gev-caja,#F7F9FA);
user-select:all;
} .gev-kruc__aviso{ font-weight:600; margin:.4rem 0 0; min-height:1.6em; text-align:left; } .gev-kruc__final{
margin:.5rem 0 0;
padding:.9rem 1rem;
border-radius:.5rem;
border:1px solid var(--gev-verde,#00842B);
background:var(--gev-sobre-verde-flojo,#CFE9D8);
}
.gev-kruc .gev-kruc__final-titulo{
margin:0 0 .2rem;
font-weight:700;
font-size:1.1em;
color:var(--gev-verde-oscuro,#046A38);
}
.gev-kruc__final-datos{ margin:0; font-variant-numeric:tabular-nums; }
.gev-kruc__final-enlaces{ margin:.5rem 0 0; font-size:1em; } .gev-kruc__final-enlaces a{ display:inline-flex; align-items:center; min-height:48px; } .gev-kruc__ventana:not([open]){ display:none; }
.gev-kruc__ventana{
box-sizing:border-box;
width:calc(100% - 2rem);
max-width:26rem;
padding:1.25rem 1.25rem .75rem;
font-size:1.0625rem;
line-height:1.6;
color:var(--gev-texto,#3A4F66);
background:var(--gev-fondo,#FFFFFF);
border:1px solid var(--gev-borde,#5B6B82);
border-radius:10px;
box-shadow:0 10px 30px rgba(15,37,69,.35);
}
.gev-kruc__ventana::backdrop{ background:rgba(15,37,69,.55); }
.gev-kruc .gev-kruc__ventana-titulo{
margin:0 0 .5rem;
font-size:1.25rem;
font-weight:700;
color:var(--gev-titulo,#0F2545);
}
.gev-kruc__ventana .gev-kruc__final{
margin:0;
padding:0;
border:0;
background:transparent;
}
.gev-kruc .gev-kruc__ventana-botones{ margin:1rem 0 .25rem; }
.gev-kruc .gev-kruc__ventana-aviso{
margin:0;
min-height:1.6em;
color:var(--gev-gris,#647385);
} .gev-kruc__sin-js{
padding:.9rem 1rem;
border-radius:.5rem;
border:1px solid var(--gev-borde,#5B6B82);
background:var(--gev-caja,#F7F9FA);
} @media (forced-colors: active){
.gev-kruc__casilla--palabra{ outline:1px dashed CanvasText; outline-offset:-4px; }
.gev-kruc__casilla--aqui{ outline:3px solid Highlight; outline-offset:-3px; }
.gev-kruc__pista--aqui{ outline:2px solid Highlight; outline-offset:-2px; }
}