*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@font-face{font-family:"Material Symbols Outlined";font-style:normal;font-weight:100 700;src:url(https://fonts.gstatic.com/s/sandbox/materialsymbolsoutlined/v7/kJEhBvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oFsI.woff2) format("woff2")}.material-symbols-outlined{font-family:"Material Symbols Outlined";font-weight:normal;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}@font-face{font-family:"Material Icons";font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/materialicons/v128/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format("woff2")}.material-icons{font-family:"Material Icons";font-weight:normal;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased}*{margin:0;padding:0;box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga","dlig"}h1,h2,h3,h4,h5{font-weight:normal}#header{height:50px;width:100%;max-width:100vw;background-color:#fff;box-shadow:0 0 6px rgba(0,0,0,.5);position:fixed;top:0;left:0;z-index:1000;border-bottom:1px solid #000;transition:all .5s ease 0s}@media print{#header{position:relative}}#header .dre{float:right;margin:0 15px 0 0;line-height:50px}#header .dre a{display:inline-block;text-decoration:none;margin-right:15px;vertical-align:middle;transition:opacity .3s linear 0s}#header .dre a:hover{text-decoration:none;opacity:.6}#header .dre a:last-child{margin-right:0}#header .dre span{color:#555;font-family:"Ringside Narrow A","Ringside Narrow B";font-style:normal;font-weight:400;font-size:14px;line-height:17px;letter-spacing:0;font-size:13px;line-height:13px;margin:0 15px 0 0;display:inline-block;vertical-align:middle}#header .dre .wp{display:none}@media only screen and (max-width: 500px){#header .dre .wp{display:inline-block}}#header .dre .icon-c-tw{content:"";display:block;width:16px;height:16px;background-image:url("https://interactius.ara.cat/assets/common_new/icons/twitter.svg");background-size:16px 16px}#header .dre .icon-c-x{content:"";display:block;width:16px;height:16px;background-image:url("https://interactius.ara.cat/assets/common_new/icons/x.svg");background-size:16px 16px}#header .dre .icon-c-fb{content:"";display:block;width:16px;height:16px;background-image:url("https://interactius.ara.cat/assets/common_new/icons/facebook.svg");background-size:16px 16px}#header .dre .icon-c-wp{content:"";display:block;width:16px;height:16px;background-image:url("https://interactius.ara.cat/assets/common_new/icons/whatsapp.svg");background-size:16px 16px}#header .esq{float:left;margin:0 0 0 15px;height:50px}#header .esq a{display:inline-block;vertical-align:middle;text-decoration:none}#header .icon-ara:before{content:"";display:block;margin-top:18px;width:40px;height:13px;background-image:url("https://interactius.ara.cat/assets/common_new/icons/logoARA.svg");background-size:100% auto;background-repeat:no-repeat}#header .center{left:0;top:0;right:0;position:absolute;text-align:center;z-index:-1}@media only screen and (max-width: 900px){#header .center{display:none}}#header .titol{font-family:"Ringside Narrow A","Ringside Narrow B";font-style:normal;font-weight:700;font-size:13px;line-height:50px;color:#000;text-transform:uppercase}#header .titol a{color:#000;text-decoration:none}#header .titol a:hover{text-decoration:underline}.compartir{clear:both}.compartir span,.compartir a{vertical-align:middle}.compartir span{margin-right:20px}@media only screen and (max-width: 500px){.compartir span{margin-right:10px}}.compartir p.e2{display:flex;justify-content:center}.compartir a{width:20px;height:20px;display:inline-block;border:1px solid #000;border-radius:50%;margin:0 15px 0 0;text-decoration:none;transition:opacity .3s linear 0s}.compartir a:hover{opacity:.6}.compartir a i{display:none}.compartir a:last-child{margin-right:0}.compartir a.fb{background-image:url(https://interactius.ara.cat/assets/common_new/icons/facebook.svg);background-size:100% 100%}.compartir a.tw{background-image:url(https://interactius.ara.cat/assets/common_new/icons/twitter.svg);background-size:20px auto;background-repeat:no-repeat;background-position:center center;border:none;width:26px}.compartir a.x{background-image:url(https://interactius.ara.cat/assets/common_new/icons/x.svg);background-size:20px auto;background-repeat:no-repeat;background-position:center center;border:none;width:26px}.compartir a.wp{display:none;background-image:url(https://interactius.ara.cat/assets/common_new/icons/whatsapp.svg);background-size:100% 100%;border:none;border-radius:0}@media only screen and (max-width: 500px){.compartir a.wp{display:inline-block}}.compartir a.wp:hover{border:none}.credits{display:flex;flex-flow:row wrap;border-top:1px solid #ccc;justify-content:center;background-color:#fff}@media only screen and (max-width: 800px){.credits{flex-flow:column wrap;align-items:center;padding:4px 60px}}.credits .firma{display:flex;flex-flow:row nowrap;align-items:baseline;padding-top:8px;padding-bottom:8px}.credits .firma .g-e11{font-family:"Ringside Narrow A","Ringside Narrow B";font-style:normal;font-weight:700;font-size:12px;line-height:12px;margin-right:20px;margin-bottom:0}@media only screen and (max-width: 800px){.credits .firma .g-e11{flex-basis:50%;text-align:right}}.credits .firma .g-e11 a{color:#000;text-decoration:none;white-space:nowrap}.credits .firma .g-e11 a:hover{text-decoration:underline}.credits .firma .g-e12{font-family:"Ringside Narrow A","Ringside Narrow B";font-style:normal;font-weight:400;font-size:13px;line-height:13px;margin-right:5px;margin-bottom:0}@media only screen and (max-width: 800px){.credits .firma .g-e12{flex-basis:50%;margin-bottom:4px}}@media only screen and (max-width: 800px){.credits .firma{width:100%;padding-top:5px;padding-bottom:5px;align-items:flex-end;flex-flow:column nowrap;align-items:center}.credits .firma p{margin-right:0px !important;margin-left:0px !important;text-align:center !important}}.footer{position:relative;background:#000;height:130px;display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center;padding:0 20px}.footer .icon-ara:before{content:"";display:block;width:70px;height:22px;background-image:url("https://interactius.ara.cat/assets/common_new/icons/logoARA_white.svg");background-size:100% auto;background-repeat:no-repeat}.footer .link-interactius{text-decoration:none;color:#fff;border:1px solid #fff;padding:5px 10px;border-radius:2px;font-family:"Ringside Narrow A","Ringside Narrow B";font-style:normal;font-weight:400;font-size:13px;line-height:13px;font-weight:normal}.footer .link-interactius:hover{color:#000;background-color:#fff}@media only screen and (max-width: 800px){.footer{flex-flow:column nowrap;padding:30px 20px}.footer .link-interactius{margin-top:20px}}.p-relacionades{padding:0 20px}.p-relacionades .p-relacionades-title{text-align:center;margin-bottom:23px;font-family:"Ringside Narrow A","Ringside Narrow B";font-style:normal;font-weight:700;font-size:16px;line-height:24px}.p-relacionades .p-relacionades-noticia{display:flex;flex-flow:row nowrap;height:120px;width:100%;max-width:500px;padding:10px;border:1px solid #000;box-shadow:0 2px 4px 0 rgba(187,187,187,.5);border-radius:2px;text-decoration:none;color:#000;align-items:center;margin:25px auto}.p-relacionades .p-relacionades-noticia:hover{background-color:#e5e5e5}.p-relacionades .p-relacionades-noticia:first-child{margin-top:0px}@media only screen and (max-width: 490px){.p-relacionades .p-relacionades-noticia{max-width:450px}}@media only screen and (max-width: 440px){.p-relacionades .p-relacionades-noticia{height:300px;max-width:400px;flex-flow:column nowrap}}@media only screen and (max-width: 320px){.p-relacionades .p-relacionades-noticia{height:200px;max-width:100%}}.p-relacionades img{max-width:100%;width:150px;height:100%;-o-object-fit:cover;object-fit:cover}@media only screen and (max-width: 490px){.p-relacionades img{width:115px}}@media only screen and (max-width: 440px){.p-relacionades img{width:100%;height:175px;margin-bottom:10px}}@media only screen and (max-width: 320px){.p-relacionades img{height:115px}}.p-relacionades .p-relacionades-info{height:100%;width:100%;display:flex;margin-left:15px;flex-direction:column;justify-content:space-between}@media only screen and (max-width: 440px){.p-relacionades .p-relacionades-info{text-align:center;margin-left:0px}}.p-relacionades .p-relacionades-info .p-relacionades-reltitle{font-family:"Ringside Narrow A","Ringside Narrow B";font-style:normal;font-weight:400;font-size:16px;line-height:20px;overflow:hidden;max-height:60px}@media only screen and (max-width: 320px){.p-relacionades .p-relacionades-info .p-relacionades-reltitle{white-space:nowrap;text-overflow:ellipsis;display:block}}.p-relacionades .p-relacionades-info .p-relacionades-rellink{font-family:"Ringside Narrow A","Ringside Narrow B";font-style:normal;font-weight:700;font-size:14px;line-height:16px}.p-relacionades .p-relacionades-info .p-relacionades-rellink .icon-right{position:relative;top:2px;margin-left:5px}@media only screen and (max-width: 440px){.p-relacionades .p-relacionades-info .p-relacionades-rellink{margin-top:16px}}.logo.logoara{display:block;width:89px;height:28px;-webkit-mask-image:url("https://interactius.ara.cat/assets/common_new/icons/logoARA.svg");mask-image:url("https://interactius.ara.cat/assets/common_new/icons/logoARA.svg");-webkit-mask-size:100%;mask-size:100%;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;margin-right:auto;margin-left:auto;z-index:1;background-color:#000}.logo.logoara.white{background-color:#fff}.logo.logoara.logosmall{width:60px;height:19px}.logo.balears{background-image:url("https://interactius.ara.cat/assets/common_new/icons/logoARABalears.svg");width:220px;height:38px}.logo.balears.white{background-image:url("https://interactius.ara.cat/assets/common_new/icons/logoARABalears_fullwhite.svg")}.logo.balears.logosmall{width:150px;height:28px}#menu-idiomes{margin-left:auto;margin-right:auto;margin-top:30px;margin-bottom:60px;text-align:center}@media only screen and (min-width: 500px){#menu-idiomes{margin-top:50px;margin-bottom:90px}}#menu-idiomes a{font-family:"Ringside Narrow A","Ringside Narrow B";font-style:normal;font-weight:700;font-size:14px;line-height:14px;text-transform:uppercase;text-decoration:none;color:#888;border-right:1px solid #d8e0e8;padding-right:7px;margin-right:3px}#menu-idiomes a.active,#menu-idiomes a:hover{color:#000}#menu-idiomes a:last-child{border-right:none;padding-right:0;margin-right:0}.mainbuttonara{border:none;background-color:#0076a8;color:#fff;border-radius:1px;display:flex;align-items:center;padding:16px 40px;margin:0 auto;transition:all .3s linear;position:relative;text-transform:uppercase;cursor:pointer;font-family:"Ringside Narrow A","Ringside Narrow B";font-style:normal;font-weight:700;font-size:14px;line-height:14px;justify-content:center;text-decoration:none}.mainbuttonara.mainbutton-icon{padding:16px 40px 16px 8px}.mainbuttonara:before{content:"";position:absolute;z-index:0;top:0;left:0;right:0;bottom:0;background:#00648e;transform:scaleX(0);transform-origin:0 50%;transition-property:transform;transition-duration:.3s;transition-timing-function:ease-out}.mainbuttonara:hover:before{transform:scaleX(1)}.mainbuttonara:hover{color:#fff !important}.mainbuttonara span{z-index:1}.mainbuttonara.secondari{background-color:inherit;color:inherit;border-radius:1px;background-color:inherit;border:1px solid #d8e0e8;padding:16px 40px 18px}.mainbuttonara.secondari:hover{color:#000 !important}.mainbuttonara.secondari:before{background:#f4f6f8}.bg-politica{background-color:#fef39d}.bg-esports{background-color:#ff9c66}.bg-cultura_oci{background-color:#ceb7aa}.bg-internacional{background-color:#8dddff}.bg-societat{background-color:#ffb9cd}.bg-economia{background-color:#94ffb1}.bg-correcte{background-color:#47eb75}.bg-error{background-color:#fb6868}.text-politica{color:#fef39d}.text-esports{color:#ff9c66}.text-cultura_oci{color:#ceb7aa}.text-internacional{color:#8dddff}.text-societat{color:#ffb9cd}.text-economia{color:#94ffb1}:root{--A: 15px;--B: 60px;--C: 120px;--D: 20px;--E: 60px}@media only screen and (min-width: 430px){:root{--A: 30px;--D: 40px}}@media only screen and (min-width: 540px){:root{--E: 120px}}.mb-A{margin-bottom:var(--A)}.mb-B{margin-bottom:var(--B)}.mb-C{margin-bottom:var(--C)}.mb-D{margin-bottom:var(--D)}.mb-E{margin-bottom:var(--E)}.e1{font-family:"Chronicle DeckCond A","Chronicle DeckCond B";font-style:normal;font-weight:600;font-size:40px;line-height:40px}@media only screen and (min-width: 430px){.e1{font-size:52px;line-height:52px}}@media only screen and (min-width: 540px){.e1{font-size:72px;line-height:72px}}@media only screen and (min-width: 991px){.e1{font-size:90px;line-height:90px}}.e2{font-family:"Chronicle Text G1 A","Chronicle Text G1 B";font-style:normal;font-weight:400;font-size:24px;line-height:30px}@media only screen and (min-width: 430px){.e2{font-size:28px;line-height:36px}}@media only screen and (min-width: 991px){.e2{font-size:30px;line-height:38px}}.e3{font-family:"Ringside Narrow A","Ringside Narrow B";font-style:normal;font-weight:700;font-size:20px;line-height:120%}.e4{font-family:"Ringside Narrow A","Ringside Narrow B";font-style:normal;font-weight:700;font-size:18px;line-height:24px}.e5{font-family:"Ringside Narrow A","Ringside Narrow B";font-style:normal;font-weight:400;font-size:18px;line-height:24px}.e6{font-family:"Ringside Narrow A","Ringside Narrow B";font-style:normal;font-weight:400;font-size:14px;line-height:14px}.e7{font-family:"Ringside Narrow A","Ringside Narrow B";font-style:normal;font-weight:700;font-size:16px;line-height:16px}.e8{font-family:"Ringside Narrow A","Ringside Narrow B";font-style:normal;font-weight:400;font-size:16px;line-height:16px}.e9{font-family:"Ringside Narrow A","Ringside Narrow B";font-style:normal;font-weight:400;font-size:20px;line-height:120%}body{scroll-behavior:smooth}.up{text-transform:uppercase}.ombra{filter:drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.15))}mark{position:relative;text-decoration:none;background-color:rgba(0,0,0,0);background-image:linear-gradient(to right, rgba(255, 255, 255, 0) 50%, #e9e9e9 50%);background-position:0% 0;background-size:200% auto;will-change:background-position;transition:background-position 1s cubic-bezier(1, 0, 0.2, 1)}mark.active{background-position:-99.99% 0}ul{list-style:none}[role=button]{cursor:pointer}.columnat{width:calc(100% - 40px);max-width:600px;margin-left:auto;margin-right:auto}.btn{position:relative;overflow:hidden;font-family:"Ringside Narrow A","Ringside Narrow B";font-style:normal;font-weight:700;font-size:12px;line-height:14px;display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;gap:5px;padding:13px 20px;border-radius:100px;background-color:#e9e9e9;width:calc(100% - 40px);max-width:320px}.btn span{position:relative;z-index:2;color:#f4f6f8;transition:color .3s linear}.btn::before{content:"";background:#000;width:120%;position:absolute;top:0;left:-10%;height:100%;transform:skew(30deg);transition:transform 1s cubic-bezier(0.3, 1, 0.8, 1);z-index:1}.btn:hover span{color:#000}.btn:hover::before{transform:translate3d(100%, 0, 0)}.btn .material-symbols-outlined{font-size:14px}.btn-link,main#trivial>.wrapper-joc .joc .preguntes .pregunta a{color:#000;transition:color .3s linear,-webkit-text-decoration .3s linear;transition:color .3s linear,text-decoration .3s linear;transition:color .3s linear,text-decoration .3s linear,-webkit-text-decoration .3s linear}.btn-link:hover,main#trivial>.wrapper-joc .joc .preguntes .pregunta a:hover{text-decoration:none;color:#666}.formatge>path{stroke-width:2px}#portada{display:flex;flex-flow:column nowrap;align-items:stretch;justify-content:space-between;gap:var(--A);text-align:center;padding-block:var(--D);min-height:100dvh}#portada .ilustracio,#portada .titol,#portada .btn{margin-left:auto;margin-right:auto}#portada .titol{width:calc(100% - 40px)}#portada .titol .ilustracio{max-width:204px;margin-bottom:20px}@media only screen and (min-width: 430px){#portada .titol .ilustracio{max-width:248px}}@media only screen and (min-width: 991px){#portada .titol .ilustracio{max-width:342px}}#portada .titol .ilustracio img{width:100%;height:auto}#portada .titol h1,#portada .titol h2{text-align:center}#portada .titol h1{margin-bottom:10px}#portada .titol h2{max-width:585px;margin-inline:auto}main#trivial.loading{display:none}main#trivial>.intro{display:flex;flex-flow:column nowrap;align-items:center;justify-content:center;padding-block:var(--D);min-height:100dvh}main#trivial>.intro .fitxa{text-align:center;max-width:500px;padding:15px;border-radius:4px;background-color:#f4f6f8}main#trivial>.intro .fitxa p+p{margin-top:10px}main#trivial>.wrapper-joc .loading,main#trivial>.wrapper-joc .joc{padding-block:var(--D);min-height:100dvh}main#trivial>.wrapper-joc .loading{display:flex;justify-content:center;align-items:center}main#trivial>.wrapper-joc .loading svg>path.tema{animation:omple 1.8s infinite}main#trivial>.wrapper-joc .loading svg>path.tema.politica{--color-loading: #fef39d;animation-delay:0s}main#trivial>.wrapper-joc .loading svg>path.tema.societat{--color-loading: #ffb9cd;animation-delay:.3s}main#trivial>.wrapper-joc .loading svg>path.tema.cultura_oci{--color-loading: #ceb7aa;animation-delay:.6s}main#trivial>.wrapper-joc .loading svg>path.tema.internacional{--color-loading: #8dddff;animation-delay:.9s}main#trivial>.wrapper-joc .loading svg>path.tema.economia{--color-loading: #94ffb1;animation-delay:1.2s}main#trivial>.wrapper-joc .loading svg>path.tema.esports{--color-loading: #ff9c66;animation-delay:1.5s}main#trivial>.wrapper-joc .joc{position:relative;display:flex;flex-direction:column;align-items:center;--h-targeta: 520px}@media only screen and (min-width: 540px){main#trivial>.wrapper-joc .joc{--h-targeta: 420px}}main#trivial>.wrapper-joc .joc.amagat .resultats,main#trivial>.wrapper-joc .joc.amagat .preguntes,main#trivial>.wrapper-joc .joc.amagat .seguent{position:absolute;left:-150vw}main#trivial>.wrapper-joc .joc .resultats{animation:fade-in 1s linear forwards;display:flex;align-items:center;justify-content:space-between;gap:10px}@media only screen and (min-width: 540px){main#trivial>.wrapper-joc .joc .resultats{flex-direction:column;justify-content:center}}main#trivial>.wrapper-joc .joc .resultats>.formatge{height:70px;width:auto;order:10}@media only screen and (min-width: 430px){main#trivial>.wrapper-joc .joc .resultats>.formatge{height:100px}}@media only screen and (min-width: 540px){main#trivial>.wrapper-joc .joc .resultats>.formatge{order:0}}main#trivial>.wrapper-joc .joc .resultats>ul{display:grid;grid-template-columns:repeat(3, 1fr);gap:6px}main#trivial>.wrapper-joc .joc .resultats>ul span:first-of-type{display:none}@media only screen and (min-width: 540px){main#trivial>.wrapper-joc .joc .resultats>ul{gap:20px}}@media only screen and (min-width: 540px){main#trivial>.wrapper-joc .joc .resultats>ul{display:flex;flex-flow:row wrap;align-items:center;justify-content:center}main#trivial>.wrapper-joc .joc .resultats>ul span:first-of-type{display:initial}main#trivial>.wrapper-joc .joc .resultats>ul span:last-of-type{background-color:rgba(0,0,0,0)}}main#trivial>.wrapper-joc .joc .resultats>ul li{display:flex;align-items:center;gap:13px;padding:2px 5px;background-color:#f4f6f8;border-radius:4px}main#trivial>.wrapper-joc .joc .preguntes{flex:1;position:relative;overflow:hidden;width:100%;min-height:calc(var(--h-targeta) + 60px);transition:flex .5s linear}main#trivial>.wrapper-joc .joc .preguntes .pregunta{position:absolute;width:calc(100% - 40px);max-width:600px;transition:left 1.5s ease;top:50%;left:150vw;transform:translate(-50%, -50%)}main#trivial>.wrapper-joc .joc .preguntes .pregunta.active{left:50%}main#trivial>.wrapper-joc .joc .preguntes .pregunta.descarta{left:-150vw}main#trivial>.wrapper-joc .joc .preguntes .pregunta:not(.respost) button{opacity:0;pointer-events:none}main#trivial>.wrapper-joc .joc .preguntes .pregunta .frontal,main#trivial>.wrapper-joc .joc .preguntes .pregunta .darrera{--padding-intern: 12px;border-radius:10px;padding:var(--padding-intern);transition:transform 1.5s ease;backface-visibility:hidden}main#trivial>.wrapper-joc .joc .preguntes .pregunta .frontal>div,main#trivial>.wrapper-joc .joc .preguntes .pregunta .darrera>div{display:flex;flex-direction:column;justify-content:space-between;gap:10px;padding:22px;border:1px solid #666;border-radius:10px;height:calc(var(--h-targeta) - 2*var(--padding-intern));overflow:hidden}main#trivial>.wrapper-joc .joc .preguntes .pregunta .frontal>div.resultats,main#trivial>.wrapper-joc .joc .preguntes .pregunta .darrera>div.resultats{justify-content:center;align-items:center;text-align:center;gap:20px}main#trivial>.wrapper-joc .joc .preguntes .pregunta .frontal>div .titol-targeta,main#trivial>.wrapper-joc .joc .preguntes .pregunta .darrera>div .titol-targeta{position:relative;display:flex;align-items:center;gap:8px;margin-bottom:20px}main#trivial>.wrapper-joc .joc .preguntes .pregunta .frontal>div .titol-targeta button,main#trivial>.wrapper-joc .joc .preguntes .pregunta .darrera>div .titol-targeta button{cursor:pointer;position:absolute;top:50%;right:0;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;gap:4px;outline:0;border:0;font-family:"Ringside Narrow A","Ringside Narrow B";font-style:normal;font-weight:400;font-size:12px;line-height:12px;text-transform:uppercase;padding:4px 12px;background-color:rgba(0,0,0,0);border:1px solid #666;border-radius:100vw;transition:opacity .3s linear,background-color .3s linear}main#trivial>.wrapper-joc .joc .preguntes .pregunta .frontal>div .titol-targeta button:hover,main#trivial>.wrapper-joc .joc .preguntes .pregunta .darrera>div .titol-targeta button:hover{background-color:#e9e9e9}main#trivial>.wrapper-joc .joc .preguntes .pregunta .frontal{background-color:#f4f6f8;transform:perspective(1000px) rotateY(0)}main#trivial>.wrapper-joc .joc .preguntes .pregunta .frontal ul{display:flex;flex-direction:column;gap:6px}main#trivial>.wrapper-joc .joc .preguntes .pregunta .frontal ul li{cursor:pointer;text-align:center;padding:17px 40px;border:1px solid #000;border-radius:100vw;text-wrap:balance;transition:background-color .3s linear,border-color .3s linear}main#trivial>.wrapper-joc .joc .preguntes .pregunta .frontal ul li:hover.politica,main#trivial>.wrapper-joc .joc .preguntes .pregunta .frontal ul li.seleccionat.politica{background-color:#fef39d;border-color:#fef39d}main#trivial>.wrapper-joc .joc .preguntes .pregunta .frontal ul li:hover.esports,main#trivial>.wrapper-joc .joc .preguntes .pregunta .frontal ul li.seleccionat.esports{background-color:#ff9c66;border-color:#ff9c66}main#trivial>.wrapper-joc .joc .preguntes .pregunta .frontal ul li:hover.cultura_oci,main#trivial>.wrapper-joc .joc .preguntes .pregunta .frontal ul li.seleccionat.cultura_oci{background-color:#ceb7aa;border-color:#ceb7aa}main#trivial>.wrapper-joc .joc .preguntes .pregunta .frontal ul li:hover.internacional,main#trivial>.wrapper-joc .joc .preguntes .pregunta .frontal ul li.seleccionat.internacional{background-color:#8dddff;border-color:#8dddff}main#trivial>.wrapper-joc .joc .preguntes .pregunta .frontal ul li:hover.societat,main#trivial>.wrapper-joc .joc .preguntes .pregunta .frontal ul li.seleccionat.societat{background-color:#ffb9cd;border-color:#ffb9cd}main#trivial>.wrapper-joc .joc .preguntes .pregunta .frontal ul li:hover.economia,main#trivial>.wrapper-joc .joc .preguntes .pregunta .frontal ul li.seleccionat.economia{background-color:#94ffb1;border-color:#94ffb1}main#trivial>.wrapper-joc .joc .preguntes .pregunta .darrera{background-color:#ffd1d1;position:absolute;top:0;bottom:0;transform:perspective(1000px) rotateY(180deg)}main#trivial>.wrapper-joc .joc .preguntes .pregunta .darrera.correcte{background-color:#dfffe8}main#trivial>.wrapper-joc .joc .preguntes .pregunta .darrera .feedback{overflow:auto;scrollbar-color:#666 #f4f6f8;scrollbar-width:thin}main#trivial>.wrapper-joc .joc .preguntes .pregunta.respost .frontal{transform:perspective(1000px) rotateY(-180deg)}main#trivial>.wrapper-joc .joc .preguntes .pregunta.respost .darrera{transform:perspective(1000px) rotateY(0deg)}main#trivial>.wrapper-joc .joc .preguntes .pregunta.respost.veure_pregunta .frontal{transform:perspective(1000px) rotateY(0deg)}main#trivial>.wrapper-joc .joc .preguntes .pregunta.respost.veure_pregunta .darrera{transform:perspective(1000px) rotateY(180deg)}main#trivial>.wrapper-joc .joc .seguent{opacity:0;pointer-events:none;transition:opacity .3s linear}main#trivial>.wrapper-joc .joc .seguent.actiu{opacity:1;pointer-events:auto}main#trivial>.wrapper-joc .joc .final{animation:fade-in 1s linear forwards;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:space-between;text-align:center}main#trivial>.wrapper-joc .joc .final .formatge{max-height:100px;margin-bottom:10px}main#trivial>.wrapper-joc .joc .final form{display:flex;width:calc(100% - 40px);max-width:320px;margin-left:auto;margin-right:auto;padding:22px;flex-direction:column;justify-content:center;align-items:center;border-radius:10px;background-color:#f4f6f8;transition:background-color .3s linear}main#trivial>.wrapper-joc .joc .final form p+p{margin-top:5px;margin-bottom:20px}main#trivial>.wrapper-joc .joc .final form input{font-family:"Ringside Narrow A","Ringside Narrow B";font-style:normal;font-weight:400;font-size:16px;line-height:18px;display:flex;height:40px;padding:0px 15px;justify-content:space-between;align-items:center;align-self:stretch;border-radius:5px;border:1px solid #e9e9e9;background:#fff;outline-color:#666;transition:opacity .3s linear}main#trivial>.wrapper-joc .joc .final form input::-moz-placeholder{color:#e9e9e9}main#trivial>.wrapper-joc .joc .final form input::placeholder{color:#e9e9e9}main#trivial>.wrapper-joc .joc .final form button{margin-block:10px;width:100%;border:0;cursor:pointer;transition:background-color .3s linear,color .3s linear}main#trivial>.wrapper-joc .joc .final form button>span:last-child{display:none}main#trivial>.wrapper-joc .joc .final form.enviat{background-color:#dfffe8}main#trivial>.wrapper-joc .joc .final form.enviat input{pointer-events:none;opacity:.5}main#trivial>.wrapper-joc .joc .final form.enviat button{background-color:#47eb75;pointer-events:none}main#trivial>.wrapper-joc .joc .final form.enviat button::before{display:none}main#trivial>.wrapper-joc .joc .final form.enviat button>span:first-child{display:none}main#trivial>.wrapper-joc .joc .final form.enviat button>span:last-child{display:flex;align-items:center;justify-content:center;gap:5px;color:#000 !important}main#trivial>.wrapper-joc .joc .final form .btn-link,main#trivial>.wrapper-joc .joc .final form .preguntes .pregunta a,main#trivial>.wrapper-joc .joc .preguntes .pregunta .final form a{font-family:"Ringside Narrow A","Ringside Narrow B";font-style:normal;font-weight:400;font-size:12px;line-height:16px;border-bottom:1px solid #000}main#trivial>.wrapper-joc .joc .final footer .btn{margin:0 auto calc(var(--C) - var(--D))}main#trivial>.wrapper-joc .joc .final .modal{position:fixed;z-index:10;left:0;top:0;right:0;bottom:0;background-color:rgba(0,0,0,.4);display:none;align-items:center;justify-content:center;animation:tanca-modal .5s ease forwards}main#trivial>.wrapper-joc .joc .final .modal.obert{display:flex;animation:show-modal .5s ease forwards}main#trivial>.wrapper-joc .joc .final .modal .contingut{background-color:#fff;padding:20px;border-radius:5px;width:calc(100% - 40px);max-width:600px;max-height:90dvh;overflow:auto}main#trivial>.wrapper-joc .joc .final .modal .contingut .close{text-align:right}main#trivial>.wrapper-joc .joc .final .modal .contingut .text{text-align:left;font-family:"Ringside Narrow A","Ringside Narrow B";font-style:normal;font-weight:400;font-size:16px;line-height:20px}main#trivial>.wrapper-joc .joc .final .modal .contingut .text b{font-family:"Ringside Narrow A","Ringside Narrow B";font-style:normal;font-weight:700;font-size:16px;line-height:20px}main#trivial>.wrapper-joc .joc .final .modal .contingut .text ul{list-style:disc;list-style-position:inside;margin-bottom:10px;margin-top:5px}main#trivial>.wrapper-joc .joc .final .modal .contingut .text p:not(:last-of-type){margin-bottom:10px;margin-top:5px}main#trivial .temes{display:flex;flex-direction:column;gap:20px}@media only screen and (min-width: 540px){main#trivial .temes{flex-flow:row wrap;align-items:center;justify-content:center}}main#trivial .temes li{display:flex;justify-content:center;align-items:center;gap:13px;padding:2px 5px;background-color:#f4f6f8;border-radius:4px;width:-moz-fit-content;width:fit-content;margin-left:auto;margin-right:auto}@media only screen and (min-width: 540px){main#trivial .temes li{margin:0}}main#trivial .formatge>path.tema{transition:fill .3s linear}main#trivial .formatge>path.tema.politica{--color-resultats: #fef39d}main#trivial .formatge>path.tema.societat{--color-resultats: #ffb9cd}main#trivial .formatge>path.tema.cultura_oci{--color-resultats: #ceb7aa}main#trivial .formatge>path.tema.internacional{--color-resultats: #8dddff}main#trivial .formatge>path.tema.economia{--color-resultats: #94ffb1}main#trivial .formatge>path.tema.esports{--color-resultats: #ff9c66}main#trivial .formatge>path.tema.tot{fill:var(--color-resultats)}@keyframes fade-in{from{opacity:0}to{opacity:1}}@keyframes omple{0%,100%{fill:rgba(0,0,0,0)}16.66%,33.33%{fill:var(--color-loading)}}@keyframes show-modal{from{opacity:0;display:none}to{opacity:1;display:flex}}@keyframes close-modal{from{opacity:1;display:flex}to{opacity:0;display:none}}