@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Source+Serif+4:ital,opsz,wght@0,8..60,200..900;1,8..60,200..900&display=swap";@font-face{font-family:Ringside Narrow Bold;src:url(https://interactius.ara.cat/assets/common/fonts/RngS97/RingsideNarrow-Bold.otf) format("opentype")}@font-face{font-family:Ringside Narrow Book;src:url(https://interactius.ara.cat/assets/common/fonts/RngS97/RingsideNarrow-Book.otf) format("opentype")}.especials-ara{--primary: #000078;--secondary: #73edff;--blanc: #ffffff;--negre: #000000;--light: #d6faff;--carbo: #878787;--text-hover: var(--light);--A: 16px;--B: 16px;--C: 64px;--D: 128px;--E: 192px}@media screen and (min-width: 768px){.especials-ara{--B: 32px}}.especials-ara .e1{font-family:Georgia,"Source Serif 4",Times,serif;font-weight:700;font-size:40px;line-height:112%}@media screen and (min-width: 768px){.especials-ara .e1{font-size:48px}}@media screen and (min-width: 1280px){.especials-ara .e1{font-size:64px}}@media screen and (min-width: 1920px){.especials-ara .e1{font-size:96px}}.especials-ara .e2{font-family:Arial,Inter,sans-serif;font-size:16px;line-height:120%}.especials-ara .e3{font-family:Georgia,"Source Serif 4",Times,serif;font-size:32px;line-height:120%}@media screen and (min-width: 500px){.especials-ara .e3{font-size:36px}}@media screen and (min-width: 1280px){.especials-ara .e3{font-size:48px}}.especials-ara .e4{font-family:Georgia,"Source Serif 4",Times,serif;font-size:24px;line-height:120%;letter-spacing:-.48px}@media screen and (min-width: 768px){.especials-ara .e4{font-size:36px}}.especials-ara .e5{font-family:Arial,Inter,sans-serif;font-size:16px;line-height:120%}@media screen and (min-width: 500px){.especials-ara .e5{font-size:18px}}@media screen and (min-width: 768px){.especials-ara .e5{font-size:20px}}.especials-ara .e6{font-family:Arial,Inter,sans-serif;font-weight:900;text-transform:uppercase;font-size:16px;line-height:120%}.especials-ara .e7{font-family:Arial,Inter,sans-serif;font-weight:900;font-size:12px;line-height:120%}.especials-ara .e8{font-family:Arial,Inter,sans-serif;font-weight:700;font-size:20px;line-height:120%}.especials-ara .e9{font-family:Georgia,"Source Serif 4",Times,serif;font-size:24px;font-style:normal;font-weight:400;line-height:120%;letter-spacing:-.48px}.especials-ara .e-button{font-family:Ringside Narrow Bold,Arial,Inter,sans-serif;font-size:12px;line-height:100%}.especials-ara .mt-A{margin-top:var(--A)}.especials-ara .mt-B{margin-top:var(--B)}.especials-ara .mt-C{margin-top:var(--C)}.especials-ara .mt-D{margin-top:var(--D)}.especials-ara .mt-E{margin-top:var(--E)}.especials-ara .mb-A{margin-bottom:var(--A)}.especials-ara .mb-B{margin-bottom:var(--B)}.especials-ara .mb-C{margin-bottom:var(--C)}.especials-ara .mb-D{margin-bottom:var(--D)}.especials-ara .mb-E{margin-bottom:var(--E)}.especials-ara .columnat{width:100%;margin-inline:auto;max-width:1240px}.especials-ara .custom-gradient{background:linear-gradient(180deg,#00148933,#ccd0e700 5.5%),#fff}@media screen and (min-width: 500px){.especials-ara .custom-gradient{background:linear-gradient(180deg,#00148933,#ccd0e700 7.5%),#fff}}@media screen and (min-width: 768px){.especials-ara .custom-gradient{background:linear-gradient(180deg,#00148933,#ccd0e700 30.17%),#fff}}@media screen and (min-width: 1280px){.especials-ara .custom-gradient{background:linear-gradient(180deg,#00148933,#ccd0e700 30.17%),#fff}}.especials-ara .pagination-header{height:65px;width:100%;display:flex;align-items:center;justify-content:space-between}@media screen and (max-width: 499px){.especials-ara .pagination-header .step:last-child{width:33px;height:33px;background-color:#fff}}.especials-ara .pagination-header .step{position:relative;width:33px;height:33px;aspect-ratio:1;border-radius:50%;background-color:var(--blanc);outline:1px solid var(--secondary);color:var(--secondary);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:900;transition:background-color .3s ease,color .3s ease}@media screen and (max-width: 499px){.especials-ara .pagination-header .step{width:15px;height:15px;background-color:var(--secondary)}.especials-ara .pagination-header .step:not(:last-child){color:transparent}}.especials-ara .pagination-header .step.active{background-color:#001e80;color:#fff;outline:none}@media screen and (max-width: 499px){.especials-ara .pagination-header .step.active{width:33px;height:33px;color:var(--secondary)}.especials-ara .pagination-header .step.active .step.active{opacity:1}.especials-ara .pagination-header .step.active .step{opacity:.3}}@media screen and (max-width: 499px){.especials-ara .pagination-header .step.completed{background-color:var(--negre)}.especials-ara .pagination-header .step.completed:not(.active){color:transparent!important}}.especials-ara .pagination-header .step.outline{background-color:transparent;border:2px solid #fff;color:#d2d2d2}.especials-ara .pagination-header .step:not(:first-child):after{content:"";position:absolute;top:50%;left:-60%;width:12vw;height:2px;background-color:var(--secondary);transform:translate(-50%) translateY(-50%);z-index:-1;transition:background-color .3s ease}@media screen and (min-width: 500px){.especials-ara .pagination-header .step:not(:first-child):after{left:-55%;width:11vw;max-width:145px}}@media screen and (min-width: 768px){.especials-ara .pagination-header .step:not(:first-child):after{left:-95%}}@media screen and (min-width: 1024px){.especials-ara .pagination-header .step:not(:first-child):after{left:-150%}}.especials-ara .pagination-header .step.active:after{background-color:var(--negre)!important}.especials-ara .pagination-header .step.completed:after{background-color:var(--negre)!important}.especials-ara .opcio-test{padding:var(--A);border:1px solid var(--secondary);color:var(--negre);cursor:pointer;border-radius:.5rem;transition:border .2s ease-in-out}.especials-ara .opcio-test:hover{border-color:var(--primary)}.especials-ara .opcio-test.selected{background-color:var(--primary);color:var(--light)}.especials-ara .seguent-anterior-button{display:flex;align-items:center;justify-content:center;gap:8px;padding:var(--A) var(--B);border:none;border-radius:8px;background-color:var(--secondary);cursor:pointer;outline:none;transition:background-color .2s,color .2s,outline .2s,opacity .2s}.especials-ara .seguent-anterior-button p{font-family:Ringside Narrow book,Arial,Inter,sans-serif;font-size:12px!important;color:var(--negre);line-height:12px;text-transform:uppercase;font-weight:400}.especials-ara .seguent-anterior-button:hover{outline:1px solid var(--negre)}.especials-ara .seguent-anterior-button:active{background-color:var(--negre);color:var(--text-hover)}.especials-ara .seguent-anterior-button.disabled{background-color:var(--light);color:var(--text-disabled);cursor:not-allowed;opacity:.6}.especials-ara .seguent-anterior-button .seguent-anterior-button svg path{fill:#001489;transition:fill .2s}.especials-ara .seguent-anterior-button .seguent-anterior-button:active svg path{fill:var(--text-hover)}.especials-ara .seguent-anterior-button .seguent-anterior-button div{width:1px;height:18px;background:var(--primary)}.especials-ara .seguent-anterior-button .seguent-anterior-button p{text-transform:uppercase;font-size:12px;line-height:12px}@media screen and (min-width: 1240px){.especials-ara .test-udg{margin-inline:auto}}@media screen and (min-width: 1240px){.especials-ara #resultats{margin-inline:auto}}.especials-ara .buttons-test{display:flex;width:calc(100% - 40px);justify-content:center;gap:32px;align-items:center;padding:var(--A)}