.gev-sopa{ --gev-sopa-lado:8;
margin:1.5rem 0; font-size:1.0625rem;
line-height:1.6; --gev-gris:#3A4F66;
--gev-borde:#4A5D73; --gev-verde:#046A38;
} html[data-gev-tema="oscuro"] .gev-sopa{
--gev-gris:#CBD6E1;
--gev-borde:#B8C7D6;
--gev-verde:#7DEBAF;
}
@media (prefers-color-scheme: dark){
html:not([data-gev-tema]) .gev-sopa{
--gev-gris:#CBD6E1;
--gev-borde:#B8C7D6;
--gev-verde:#7DEBAF;
}
} .gev-sopa .gev-sopa__tema{
font-weight:700;
margin:0 0 .25rem;
color:var(--gev-titulo,#0F2545);
}
.gev-sopa .gev-sopa__ciego{
margin:0 0 .5rem;
font-size:1em;
color:var(--gev-gris,#647385);
} .gev-sopa__ayuda-boton{
min-height:48px;
padding:.5rem .9rem;
margin:.75rem 0 .5rem;
border:1px solid var(--gev-borde,#5B6B82);
border-radius:6px;
background:transparent;
color:var(--gev-texto,#3A4F66);
font-size:1em;
cursor:pointer;
} .gev-sopa__ayuda-boton::before{ content:"▸ "; content:"▸ " / ""; }
.gev-sopa__ayuda-boton[aria-expanded="true"]::before{ content:"▾ "; content:"▾ " / ""; }
.gev-sopa .gev-sopa__ayuda{
margin:0 0 1rem;
font-size:1em;
color:var(--gev-gris,#647385);
} .gev-sopa .gev-sopa__marcador{
margin:0 0 .25rem;
font-weight:700;
color:var(--gev-verde-oscuro,#046A38);
}
.gev-sopa .gev-sopa__rachas{
margin:0 0 .25rem;
font-size:1em;
color:var(--gev-gris,#647385);
}
.gev-sopa__rachas:empty{ margin:0 0 .5rem; }
.gev-sopa__caja{
display:flex;
flex-wrap:wrap;
gap:1.25rem;
align-items:flex-start;
} .gev-sopa__columna{ flex:1 1 24rem;
max-width:min(100%,32rem);
min-width:0;
}
.gev-sopa__tablero-caja{
position:relative;
} .gev-sopa__tablero{
position:relative;
z-index:1;
display:grid;
grid-template-columns:repeat(var(--gev-sopa-lado),1fr);
gap:2px;
touch-action:pinch-zoom;
user-select:none;
-webkit-user-select:none;
} .gev-sopa__rayas{
position:absolute; top:0;
right:0;
bottom:0;
left:0;
width:100%;
height:100%;
z-index:0;
pointer-events:none;
} .gev-sopa__rayas rect{
fill-opacity:.22;
stroke-width:2.5;
stroke-opacity:1;
}
.gev-sopa__rayas rect.gev-sopa__raya--nueva{
animation:gev-sopa-raya .45s ease-out;
}
@keyframes gev-sopa-raya{
0%{ fill-opacity:0; stroke-opacity:0; }
55%{ fill-opacity:.55; stroke-opacity:1; }
100%{ fill-opacity:.22; stroke-opacity:1; }
}
.gev-sopa__celda{
aspect-ratio:1;
display:flex;
align-items:center;
justify-content:center; font-size:clamp(1.25rem,5vw,1.6rem);
font-weight:700;
line-height:1; font-family:"DejaVu Sans","Noto Sans","Liberation Sans",system-ui,sans-serif;
color:var(--gev-titulo,#0F2545);
background:var(--gev-caja,#F7F9FA);
border:1px solid var(--gev-linea,#E1E8ED);
border-radius:4px;
cursor:pointer;
}
.gev-sopa__celda:hover{ border-color:var(--gev-borde,#5B6B82); } @supports not (aspect-ratio:1){
.gev-sopa__celda{ height:clamp(2.6rem,11vw,3.9rem); }
} @media (max-width:520px){
.gev-sopa__tablero-caja{
width:100vw;
max-width:100vw;
margin-left:calc(50% - 50vw);
margin-right:calc(50% - 50vw);
padding:0 8px;
box-sizing:border-box;
} .gev-sopa__rayas{
left:8px;
right:8px; width:calc(100% - 16px);
}
} .gev-sopa__celda[data-gev-foco="1"],
.gev-sopa__celda:focus-visible{
outline:3px solid var(--gev-verde,#00842B);
outline-offset:-3px;
} .gev-sopa__celda[data-gev-extra="1"]{
border-color:var(--gev-verde,#00842B);
color:var(--gev-verde-oscuro,#046A38);
} .gev-sopa__celda[data-gev-hallada="1"]{
background:transparent;
border-color:transparent;
} .gev-sopa__celda[data-gev-pista="1"]{
border:2px dashed var(--gev-verde,#00842B);
color:var(--gev-verde-oscuro,#046A38);
} .gev-sopa__celda[data-gev-marcada="1"]{
background:var(--gev-verde,#00842B);
color:var(--gev-sobre-verde,#FFFFFF);
border-color:var(--gev-verde,#00842B);
} .gev-sopa__celda[data-gev-marcada="1"][data-gev-foco="1"],
.gev-sopa__celda[data-gev-marcada="1"]:focus-visible{
outline-color:var(--gev-sobre-verde,#FFFFFF);
outline-offset:-8px;
} .gev-sopa__lado{ flex:1 1 14rem; }
.gev-sopa__titulo-lista{
font-size:1rem !important;
margin:0 0 .5rem !important;
}
.gev-sopa__lista,
.gev-sopa__lista-regalos{
list-style:none;
margin:0 0 1rem;
padding:0;
columns:2;
column-gap:1rem;
} @media (max-width:480px){
.gev-sopa__lista{ columns:1; }
}
.gev-sopa__lista li,
.gev-sopa__lista-regalos li{
margin:0 0 .35rem;
break-inside:avoid;
display:flex;
align-items:center;
gap:.35rem;
} .gev-sopa__huecos{
display:inline-flex;
gap:3px;
}
.gev-sopa__hueco{
display:inline-block;
width:1em;
height:1.3em;
border:1px solid var(--gev-gris,#647385);
border-radius:3px;
background:var(--gev-caja,#F7F9FA);
text-align:center;
font-weight:700;
line-height:1.25;
} .gev-sopa__hueco--visto{
color:var(--gev-verde-oscuro,#046A38);
border-color:var(--gev-verde-oscuro,#046A38);
} .gev-sopa__cuantas{
color:var(--gev-gris,#647385);
font-variant-numeric:tabular-nums;
flex:none;
}
.gev-sopa__palabra{ font-weight:700; } .gev-sopa__punto{
display:inline-block;
width:.7em;
height:.7em;
border-radius:50%;
flex:none;
} .gev-sopa .gev-sopa__aviso{
margin:0 0 .75rem;
min-height:2.6em;
font-size:1em;
color:var(--gev-verde-oscuro,#046A38);
} .gev-sopa .gev-sopa__aviso--tablero{
margin:0 0 .5rem;
min-height:1.6em;
}
.gev-sopa__fecha{
font-weight:400;
color:var(--gev-gris,#647385);
}
.gev-sopa__titulo-tema + .gev-sopa__fecha::before{ content:" · "; } .gev-sopa__lista li[data-gev-hallada="1"]{
text-decoration:line-through;
color:var(--gev-gris,#647385);
}
.gev-sopa__lista li[data-gev-hallada="1"]::before{ content:"\2713";
content:"\2713" / "";
text-decoration:none;
color:var(--gev-verde-oscuro,#046A38);
} .gev-sopa__lista li[data-gev-revelada="1"]::before{ content:""; }
.gev-sopa__lista li[data-gev-nueva="1"]{
animation:gev-sopa-tachada .45s ease-out;
}
@keyframes gev-sopa-tachada{
0%{ transform:scale(1); }
40%{ transform:scale(1.12); }
100%{ transform:scale(1); }
} .gev-sopa__regalos{ margin:0 0 .5rem; }
.gev-sopa__cuantos-regalos{
font-weight:400;
font-size:1em;
color:var(--gev-gris,#647385);
}
.gev-sopa__lista-regalos li{
font-size:1em;
color:var(--gev-verde-oscuro,#046A38);
} .gev-sopa .gev-sopa__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-sopa__botones{
display:flex;
flex-wrap:wrap;
gap:.5rem;
margin:0;
} .gev-sopa__botones--fin{
margin:1.5rem 0 0;
padding:1rem 0 0;
border-top:1px solid var(--gev-linea,#E1E8ED);
} .gev-sopa__boton{
min-height:48px;
padding:.5rem 1rem; touch-action:manipulation; font-size:1em;
border-radius:6px;
border:2px solid var(--gev-verde,#00842B);
background:var(--gev-verde,#00842B);
color:var(--gev-sobre-verde,#FFFFFF);
font-weight:700;
cursor:pointer;
}
.gev-sopa__boton--flojo{
background:transparent;
color:var(--gev-verde-oscuro,#046A38);
}
.gev-sopa__boton:hover{ opacity:.85; } .gev-sopa__boton:focus-visible,
.gev-sopa__ayuda-boton:focus-visible{
outline:3px solid var(--gev-verde-oscuro,#046A38);
outline-offset:2px;
} .gev-sopa__ventana:not([open]){ display:none; }
.gev-sopa__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-sopa__ventana::backdrop{ background:rgba(15,37,69,.55); }
.gev-sopa .gev-sopa__ventana-titulo{
margin:0 0 .5rem !important;
font-size:1.25rem !important;
color:var(--gev-titulo,#0F2545);
}
.gev-sopa .gev-sopa__ventana-marcador{
margin:0 0 .25rem;
font-weight:700;
color:var(--gev-verde-oscuro,#046A38);
}
.gev-sopa .gev-sopa__ventana-datos,
.gev-sopa .gev-sopa__ventana-cuadros{
margin:0 0 .25rem;
color:var(--gev-texto,#3A4F66);
}
.gev-sopa .gev-sopa__ventana-botones{ margin:1rem 0 .25rem; }
.gev-sopa .gev-sopa__ventana-aviso{
margin:0;
min-height:1.6em;
color:var(--gev-gris,#647385);
} .gev-sopa__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-sopa__li-dentro{ display:contents; } .gev-sopa__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-sopa__boton:disabled{ opacity:.4; cursor:default; } .gev-sopa:not([data-gev-lista]) .gev-sopa__botones,
.gev-sopa:not([data-gev-lista]) .gev-sopa__ayuda-boton{ display:none; }
.gev-sopa .gev-sopa__sin-js{
margin:0 0 1rem;
font-weight:700;
color:var(--gev-titulo,#0F2545);
} @media (forced-colors:active){
.gev-sopa__celda[data-gev-marcada="1"]{
background:Highlight;
color:HighlightText;
border-color:Highlight;
forced-color-adjust:none;
}
.gev-sopa__celda[data-gev-pista="1"]{ border-color:Highlight; }
.gev-sopa__rayas rect{
stroke:CanvasText;
fill:none;
}
} @media (prefers-reduced-motion:reduce){
.gev-sopa *,
.gev-sopa__rayas rect{
animation:none !important;
transition:none !important;
}
}