.gev-llengues{
--gev-llengues-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-llengues-radio);
background:var(--gev-caja,#F7F9FA);
padding:1.25rem;
color:var(--gev-texto,#3A4F66);
} @container style(--gev-osc: 1){
html:not([data-gev-tema="ninguno"]) .gev-llengues{
--gev-rojo:#FF8A80;
--gev-sobre-rojo:#0E1620;
--gev-gris:#CBD6E1;
--gev-borde:#B8C7D6;
--gev-verde:#7DEBAF;
}
}
.gev-llengues [hidden]{ display:none !important; } .gev-llengues__nomes-lectors{
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-llengues .gev-llengues__ganxo{
font-size:1.15em;
font-weight:600;
color:var(--gev-titulo,#0F2545);
margin:0 0 .5rem;
}
.gev-llengues .gev-llengues__pista{
font-size:1em;
color:var(--gev-gris,#647385);
margin:0 0 1rem;
}  .gev-llengues .gev-llengues__ratxa{
margin:0 0 1rem;
font-weight:600;
color:var(--gev-verde-oscuro,#046A38);
} .gev-llengues__avanc{
display:flex;
flex-wrap:wrap;
gap:.35rem; margin:.75rem 0 .75rem;
}
.gev-llengues__punt{
width:.55rem;
height:.55rem;
border-radius:50%; background:var(--gev-fondo,#FFFFFF);
border:1px solid var(--gev-borde,#4A5D73);
}
.gev-llengues__punt--be{
background:var(--gev-verde,#00842B);
border-color:var(--gev-verde,#00842B);
}
.gev-llengues__punt--mal{
background:var(--gev-rojo,#B3261E);
border-color:var(--gev-rojo,#B3261E); border-radius:1px;
}
.gev-llengues__punt--ara{
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-llengues .gev-llengues__comptador{
font-size:1em;
color:var(--gev-gris,#647385);
margin:0 0 .35rem;
}
.gev-llengues .gev-llengues__dia{
font-size:1em;
color:var(--gev-gris,#647385);
margin:0 0 .35rem;
font-style:italic;
} .gev-llengues__caixa-frase{
background:var(--gev-fondo,#FFFFFF);
border:1px solid var(--gev-linea,#E1E8ED);
border-radius:var(--gev-llengues-radio);
padding:1.1rem 1rem;
margin:0 0 1rem;
} .gev-llengues .gev-llengues__frase{
font-size:1.6em;
font-weight:700;
line-height:1.35;
color:var(--gev-titulo,#0F2545);
margin:0;
} .gev-llengues__frase:focus{ outline:none; }
.gev-llengues__opcions{ display:grid; gap:.5rem; }
.gev-llengues__opcio{
display:flex;
align-items:baseline;
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-llengues-radio);
background:var(--gev-fondo,#FFFFFF);
color:var(--gev-texto,#3A4F66);
cursor:pointer;
}
.gev-llengues__opcio-text{ flex:1 1 auto; } .gev-llengues__opcio-marca{
flex:0 0 auto;
font-weight:700;
}
.gev-llengues__opcio:hover:not(:disabled){
border-color:var(--gev-verde,#00842B);
}
.gev-llengues__opcio:disabled{ cursor:default; } .gev-llengues__opcio:disabled:not(.gev-llengues__opcio--be):not(.gev-llengues__opcio--mal){
opacity:.5;
border-style:dashed;
}
.gev-llengues__opcio--be{
border-color:var(--gev-verde,#00842B);
background:var(--gev-verde,#00842B);
color:var(--gev-sobre-verde,#FFFFFF);
font-weight:600;
}
.gev-llengues__opcio--mal{
border-color:var(--gev-rojo,#B3261E);
background:var(--gev-rojo,#B3261E);
color:var(--gev-sobre-rojo,#FFFFFF);
} .gev-llengues__opcio:focus-visible,
.gev-llengues__boto:focus-visible,
.gev-llengues__ajuda-boto:focus-visible,
.gev-llengues__font a:focus-visible,
.gev-llengues__repas a:focus-visible,
.gev-llengues__repas summary:focus-visible{
outline:2px solid var(--gev-verde-oscuro,#046A38);
outline-offset:2px;
} .gev-llengues__resposta{
margin:1rem 0 0;
padding:.9rem;
min-height:17rem;
border-radius:var(--gev-llengues-radio);
background:var(--gev-fondo,#FFFFFF);
border:1px solid var(--gev-linea,#E1E8ED);
transition:opacity .18s ease-out;
}
.gev-llengues__resposta--buida{
visibility:hidden;
opacity:0;
}
.gev-llengues__veredicte{
margin:0 0 .35rem;
font-weight:700;
font-size:1.05em;
}
.gev-llengues .gev-llengues__veredicte--be{ color:var(--gev-verde-oscuro,#046A38); }
.gev-llengues .gev-llengues__veredicte--mal{ color:var(--gev-rojo,#B3261E); } .gev-llengues__diu{
margin:0 0 .35rem;
}
.gev-llengues .gev-llengues__origen{
margin:0 0 .35rem;
color:var(--gev-titulo,#0F2545);
font-weight:600;
} .gev-llengues__familia{
display:inline-block;
width:.6rem;
height:.6rem;
border-radius:50%;
margin-right:.45rem;
vertical-align:baseline;
background:var(--gev-gris,#647385);
}
.gev-llengues__familia--auxiliar{ background:var(--gev-verde,#00842B); }
.gev-llengues__familia--ficcio{ background:var(--gev-borde,#5B6B82); }
.gev-llengues .gev-llengues__font{
margin:0 0 .9rem;
font-size:1em;
color:var(--gev-gris,#647385);
} .gev-llengues__font a{
display:inline-block;
padding:.5rem 0;
min-height:44px;
box-sizing:border-box;
} .gev-llengues .gev-llengues__marca{
font-size:2em;
font-weight:800;
line-height:1.1;
color:var(--gev-verde-oscuro,#046A38);
margin:0 0 .25rem;
}
.gev-llengues .gev-llengues__missatge{ margin:0 0 1rem; } .gev-llengues__marca:focus{ outline:none; }
.gev-llengues__marca:focus-visible{
outline:2px solid var(--gev-verde-oscuro,#046A38);
outline-offset:4px;
} .gev-llengues__botons{ display:flex; flex-wrap:wrap; gap:.5rem; margin:0 0 1rem; }
.gev-llengues__boto{
font:inherit;
font-weight:600;
min-height:48px;
padding:.7rem 1.1rem;
border-radius:var(--gev-llengues-radio);
border:1px solid var(--gev-verde,#00842B);
background:var(--gev-verde,#00842B);
color:var(--gev-sobre-verde,#FFFFFF);
cursor:pointer;
} .gev-llengues__boto--fluix,
.gev-llengues__boto--clar{
background:var(--gev-fondo,#FFFFFF);
color:var(--gev-verde-oscuro,#046A38);
border:1px solid var(--gev-verde-oscuro,#046A38);
} .gev-llengues__boto[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-llengues__boto:hover{ opacity:.85; } .gev-llengues__botons--reiniciar{ margin:1.25rem 0 0; } .gev-llengues__repas summary{
cursor:pointer;
font-weight:600;
color:var(--gev-verde-oscuro,#046A38); display:flex;
align-items:center;
min-height:48px;
list-style:none;
} .gev-llengues__repas summary::-webkit-details-marker{ display:none; }
.gev-llengues__repas summary::before{ content:"▸"; margin-right:.4rem; }
.gev-llengues__repas[open] summary::before{ content:"▾"; }
.gev-llengues__repas ul{ margin:.6rem 0 0; }
.gev-llengues .gev-llengues__repas li{ margin:0 0 .5rem; }
.gev-llengues__repas b{ color:var(--gev-verde-oscuro,#046A38); }
.gev-llengues__repas-marca{
font-weight:700;
margin-right:.4rem;
}
.gev-llengues__repas--be .gev-llengues__repas-marca{ color:var(--gev-verde-oscuro,#046A38); }
.gev-llengues__repas--mal .gev-llengues__repas-marca{ color:var(--gev-rojo,#B3261E); }
.gev-llengues__repas--mal b{ color:var(--gev-rojo,#B3261E); } .gev-llengues__repas-diu{ display:block; } .gev-llengues__repas a{
display:block;
width:-moz-fit-content;
width:fit-content;
padding:.5rem 0;
min-height:44px;
box-sizing:border-box;
}  .gev-llengues__opcio-numero{
flex:0 0 auto;
min-width:1.5rem;
text-align:center;
font-weight:700;
color:var(--gev-gris,#3A4F66);
}
.gev-llengues__opcio--be .gev-llengues__opcio-numero,
.gev-llengues__opcio--mal .gev-llengues__opcio-numero{ color:inherit; } .gev-llengues__linia-comptador{
display:flex;
align-items:baseline;
justify-content:space-between;
gap:.75rem;
flex-wrap:wrap;
}
.gev-llengues .gev-llengues__rellotge{
margin:0 0 .35rem;
font-weight:700;
font-variant-numeric:tabular-nums;
color:var(--gev-gris,#3A4F66); padding:0 .5rem;
border:1px solid transparent;
border-radius:var(--gev-llengues-radio);
} .gev-llengues .gev-llengues__rellotge--poc{
background:var(--gev-rojo,#B3261E);
border-color:var(--gev-rojo,#B3261E);
color:var(--gev-sobre-rojo,#FFFFFF);
} .gev-llengues .gev-llengues__sense-js{
margin:0 0 1rem;
font-weight:600;
color:var(--gev-titulo,#0F2545);
} .gev-llengues .gev-llengues__repeticio{
margin:0 0 .75rem;
padding:.4rem .7rem;
border:1px dashed var(--gev-borde,#4A5D73);
border-radius:var(--gev-llengues-radio);
font-weight:600;
color:var(--gev-titulo,#0F2545);
} .gev-llengues .gev-llengues__copia-avis{
margin:0 0 .5rem;
font-weight:600;
color:var(--gev-titulo,#0F2545);
}
.gev-llengues__copia-avis:empty{ display:none; }
.gev-llengues__copia-text{
display:block;
box-sizing:border-box;
width:100%;
min-height:8.5rem;
margin:0 0 1rem;
padding:.6rem .7rem;
font:inherit;
line-height:1.5;
border:1px solid var(--gev-borde,#4A5D73);
border-radius:var(--gev-llengues-radio);
background:var(--gev-fondo,#FFFFFF);
color:var(--gev-texto,#3A4F66);
resize:vertical;
}
.gev-llengues__copia-text:focus-visible{
outline:2px solid var(--gev-verde-oscuro,#046A38);
outline-offset:2px;
}
@media (max-width:480px){ .gev-llengues__linia-comptador{ display:block; }
.gev-llengues{ padding:1rem; }
.gev-llengues__caixa-frase{ padding:.9rem .8rem; } .gev-llengues .gev-llengues__frase{ font-size:1.45em; }
.gev-llengues__resposta{ min-height:19rem; } .gev-llengues__copia-text{ min-height:12.5rem; } .gev-llengues__botons .gev-llengues__boto{ flex:1 1 100%; width:100%; }
} @media (prefers-reduced-motion:reduce){
.gev-llengues__resposta{ transition:none; }
} @media (hover:none) and (pointer:coarse){
.gev-llengues .gev-llengues__tecles--teclat{ display:none; }
} .gev-llengues__ajuda-boto{
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-llengues__ajuda-boto:hover{ border-color:var(--gev-verde,#00842B); }
.gev-llengues__ajuda-fletxa::before{ content:"▸ "; }
.gev-llengues__ajuda-boto[aria-expanded="true"] .gev-llengues__ajuda-fletxa::before{ content:"▾ "; }
.gev-llengues .gev-llengues__ajuda{
margin:0 0 1rem;
font-size:1em;
color:var(--gev-gris,#647385);
} .gev-llengues .gev-llengues__ajuda p{ margin:0 0 .5rem; color:var(--gev-gris,#647385); }
.gev-llengues .gev-llengues__ajuda p:last-child{ margin-bottom:0; }