.test-container{display:flex;flex-direction:column;background-color:#fff;width:100%;border-radius:.25rem}.test-title{display:flex;align-items:end;background-color:#000;color:#fff;width:100%;border-top-left-radius:.25rem;border-top-right-radius:.25rem;padding:.75rem}.test-title>img{width:70px}.test-title>h1{margin-left:.75rem;font-size:21px;font-weight:800}.test-description{width:100%;border-bottom:solid 1px #EBEDEF;padding:.75rem;font-size:14px;text-align:justify}.test-participant-info{padding:.75rem .75rem 0;font-size:14px}.form-group{display:flex;flex-direction:column;margin-bottom:.75rem}.form-group label{font-weight:500;margin-bottom:.25rem}.form-group.error input{border:solid 1px red}.form-group.error .error{color:red;font-weight:600}input[type=text],input[type=email]{border-radius:.25rem;background-color:#f9fafb;border:solid 1px #d1d5db;color:#111827;font-size:.75rem}input[type=text]:focus,input[type=email]:focus{--tw-ring-color: #fee84e;border-color:#eab308}.test-content{display:flex;flex-direction:column;width:100%;padding:.75rem}.question-container{display:flex;flex-direction:column;padding:0 0 .75rem;font-size:14px}.test-container .question-container:last-child{padding-bottom:0}.question-container>.question-title{background-color:#fee84e;padding:.25rem .75rem;margin-bottom:.5rem;border-radius:.25rem;box-shadow:0 4px 6px -1px #0000001a;text-align:justify;font-weight:500}.question-container>.question-option{display:flex;flex-direction:column;border:solid 1px #EBEDEF;border-radius:.25rem;font-size:12px;margin-bottom:.25rem}.question-container>.question-option>.option{background-color:#f8f9f9;padding:.25rem .75rem;border-radius:.25rem;text-align:justify}.question-container>.question-option>.option-values{display:flex;justify-content:space-around;align-items:center;padding:.35rem 0}.question-container>.question-option>.option-values>label{display:flex;flex-direction:column}.question-container>.error{border:solid 1px red;border-radius:.25rem;box-shadow:0 4px 6px -1px #0000001a;padding:.25rem;margin-bottom:.65rem;color:red}.test-footer{display:flex;justify-content:center;padding:.75rem}.results-container{display:flex;flex-direction:column;background-color:#fff;width:100%;border-radius:.25rem}.results-container .footer{display:none}.main-type,.other-types{padding:.25rem .75rem .75rem}.main-type .header,.other-types .header{font-weight:900;font-size:18px;padding:.5rem;margin-bottom:1rem;border-bottom:solid 3px #fee84e}.main-type .title{text-align:center;margin-top:1rem;font-size:14px}.main-type .content{display:flex;margin-bottom:.75rem}.main-type .content .percentage-container,.other-types .content .percentage-container{flex-basis:25%;display:flex;justify-content:center;align-items:center}.main-type .content .percentage,.other-types .content .percentage{display:flex;justify-content:center;align-items:center;width:70px;height:70px;background-color:#f8f4dcac;border:solid 3px #fee84e;border-radius:50%;font-weight:700;box-shadow:0 4px 6px -1px #0000001a}.main-type .content .description{flex-basis:75%;background-color:#f8f4dc4d;padding:.5rem;border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a;font-size:12px}.other-types .content .list-container{display:flex;border-top:solid 1px #EBEDEF;border-right:solid 1px #EBEDEF;border-left:solid 1px #EBEDEF;font-size:12px}.other-types .content .list-container:last-child{border-bottom:solid 1px #EBEDEF;margin-bottom:.75rem}.other-types .list-container .percentage-container{padding:.75rem;border-right:solid 1.5px #EBEDEF}.other-types .list-container .percentage{width:55px;height:55px}.other-types .list-container .description{flex-basis:75%;padding:.55rem}.results-container .buttons-container{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:.75rem}.cdg-button{background-color:#fee84e;border:solid 2px black;border-radius:9999px;padding:.25rem 1rem;font-weight:900}.cdg-button:hover{transform:scale(1.1);transition:transform .3s cubic-bezier(.4,0,.2,1)}.list-point{position:relative;flex-basis:10%}.list-description{flex-basis:90%}.list-point:before{content:"";position:absolute;top:9px;left:5px;width:5px;height:5px;background-color:#000;border-radius:50%}@media (min-width: 1024px),(min-width: 768px){.question-container>.question-option{flex-direction:row;font-size:14px}.question-container>.question-option>.option{display:flex;align-items:center;flex-basis:70%;margin-right:.55rem}.question-container>.question-option>.option-values{flex-basis:30%;font-size:14px;display:flex}.main-type .title,.main-type .content .description{font-size:16px}.main-type .percentage-container,.other-types .percentage-container{flex-basis:15%}.main-type .description,.other-types .description{flex-basis:85%}.other-types .content .list-container{font-size:16px}.other-types .list-container .percentage{width:75px;height:75px}.results-container .buttons-container{flex-direction:row;justify-content:center}.list-point{position:relative;flex-basis:5%}.list-description{flex-basis:95%}}@media (max-width: 640px){.question-container>.question-option>.option-values input[type=radio]{width:.75rem;height:.75rem}.cdg-button{width:90%}}.pdf.results-container{position:relative;height:35.56cm}.pdf .main-type,.pdf .other-types{margin:0 2.5rem}.pdf .buttons-container{display:none}.pdf .test-title{border-radius:0%}.pdf .main-type .title{font-size:16px}.pdf.footer{position:absolute;bottom:0;width:100%;display:flex;justify-content:center;background-color:#000;padding:.75rem;color:#fff}.pdf .main-type,.pdf .other-types{font-size:16px!important}.pdf .main-type .percentage-container,.pdf .other-types .percentage-container{flex-basis:25%}.pdf .main-type .description,.pdf .other-types .description{flex-basis:75%}.pdf .main-type .list-container .percentage,.pdf .other-types .list-container .percentage{width:75px!important;height:75px!important}.pdf .list-point{position:relative;flex-basis:5%}.pdf .list-description{flex-basis:95%}.texto{white-space:pre-line}.resultado-estilo{background-color:#f9fafb;border-left:5px solid #4b5563;padding:1.5rem;margin-bottom:1.5rem;border-radius:.75rem;font-family:Segoe UI,sans-serif;color:#1f2937}.resultado-estilo p:first-child{font-weight:700;font-size:1.2rem;margin-bottom:1rem;color:#111827}.resultado-estilo p{white-space:pre-line;line-height:1.6;margin-bottom:.5rem}.resultado-estilo ul{padding-left:1.25rem;list-style-type:disc;margin-bottom:1rem}