html{color:#001022!important;scroll-behavior:smooth}body{background-color:#e6e9f2;background-image:linear-gradient(rgba(230,233,242,.85),rgba(230,233,242,.85)),url(https://43971674.fs1.hubspotusercontent-na1.net/hubfs/43971674/Contenidos%20Per%C3%BA/diagnostico-capilar/icon-capilar.png)!important;background-position:0 0;background-repeat:repeat!important;background-size:48px 48px!important}.logo{left:50%;position:absolute;top:24px;transform:translate(-50%)}input[type=checkbox]{accent-color:#ffcb00}.c-quiz__label,h1,h2,h3,h4,label,p{color:#002f63!important}h1{margin-bottom:64px}h4{font-size:22px!important;text-align:start}h3,h4{text-align:start!important}h3{font-size:24px!important}h2{font-weight:900}.footer,.header__bottom,.hs_cos_wrapper.form-title,form .hs-button,form input[type=submit]{display:none}.content-wrapper,.dnd-section>.row-fluid,.header__wrapper{max-width:none}.dnd-section{padding:0}.obtener_datos_cliente--container{border:3px solid #0e1626;margin:40px 0;padding:24px;width:100%}.obtener_datos_cliente--content{align-items:center;display:flex;gap:24px;justify-content:space-around}.get_data_fields{align-items:center;display:flex;gap:10px}#loader_button{font-size:16px;font-weight:700;position:absolute;width:100%}#loader_button:after{-webkit-animation-duration:1.4s;animation-duration:1.4s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:loaderRotate;animation-name:loaderRotate;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;background:url(https://cdn.shopify.com/s/files/1/0584/3625/5926/files/loader.svg?v=1712347940) no-repeat 50%;background-size:contain;content:"";height:1.6rem;left:50%;position:absolute;top:50%;width:1.6rem;z-index:106}.get_data_fields input{min-width:200px}.obtener_datos_cliente--container #getClientDataBtn:disabled{opacity:.6}@media only screen and (max-width:690px){.obtener_datos_cliente--content{flex-direction:column}.get_data_fields{width:100%}.get_data_fields input{min-width:auto;width:100%}}@media only screen and (max-width:450px){.get_data_fields{flex-direction:column}}.content__quiz{align-items:normal;display:grid;gap:32px;grid-template-columns:1fr;justify-content:center}.back_btn{align-items:center;color:#000!important;display:flex;font-size:16px;margin-bottom:40px;text-decoration:underline}section.c-quiz.js-quiz{color:#002f63!important;display:flex;justify-content:center;margin:0 auto;max-width:1350px;min-height:100dvh;padding-bottom:56px}#nameResult,#userNameText{text-transform:capitalize}.c-quiz__subtitle{font-size:16px;font-weight:700;margin-bottom:20px;text-align:start}.questions__grid{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:32px;width:100%}.c-quiz__content{align-items:center;display:flex;gap:4px;text-align:start}.c-quiz__content a{color:#000;font-size:16px}.c-quiz__slide{background:#fff;border-radius:8px;box-shadow:2px 0 15px 5px #0000000d;max-width:850px;padding:80px 24px;width:100%}.c-quiz__slide.c-quiz__slide--intro{padding:40px 24px 80px}.c-quiz__container{align-items:center;color:#001022!important;display:flex;flex-direction:column;margin:100px 0;max-width:1024px;min-width:288px;overflow:hidden;padding:16px;position:relative;text-align:center;width:100%}.c-quiz__container .c-quiz__slide.js-quiz-slide.active{min-height:100%}.c-quiz__next,.c-quiz__prev{background-color:#000;border:none;color:#fff;cursor:pointer;font-size:16px;padding:12px 56px}.c-quiz__next{background-color:#888;cursor:not-allowed}.c-quiz__next.active{background-color:#000;cursor:pointer}.c-quiz__next:hover,.c-quiz__prev:hover{background-color:#333}.c-quiz__progress-bar{background-color:#ddd;border-radius:5px;margin:20px 16px}.c-quiz__progress{background-color:#ffcb00;border-radius:5px;height:20px}.c-quiz__nav{align-items:center;display:flex;justify-content:space-around;margin-top:24px;width:100%}.c-quiz__submit{max-width:230px;width:100%}.c-quiz__options{display:flex;flex-direction:column;gap:8px;margin-bottom:24px}.rutina__productos .c-quiz__options{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-bottom:24px}.rutina__productos .c-quiz__label{font-size:14px}.rutina__productos .questions__grid{grid-template-columns:1fr}.flex{display:flex;gap:8px}.row{flex-direction:row}.column,.row{align-items:center}.column{flex-direction:column;width:100%}.type__of__hair--section{margin:16px 0}.type__of__hair--section p{font-size:16px;text-align:start}.c-quiz__slide--first input[type=radio]{accent-color:#ffcb00!important;height:16px;width:16px}.c-quiz__slide--first p{margin:0 0 8px}.input__field--group{display:grid;gap:16px;grid-template-columns:1fr 1fr}.input__field--groupTwo{flex:49% 0}.first_questions{display:flex;gap:16px;margin-top:24px}.first_questions .c-quiz__content{width:100%}.input__field--groupTwo .input__field{background:#fff;border:1px solid #b2c2c8;margin:0;padding:12px 8px}.input__field--groupTwo .input__field--group{display:flex;flex-direction:column;gap:16px}.type__of__hair--section .input__field{background:#fff;border:1px solid #b2c2c8;margin:0;padding:8px 16px}.input__field{align-items:start;display:flex;flex-direction:column;margin-bottom:16px;width:100%}.input__field__legal{margin-top:16px}.input__field--row{align-items:center;display:flex;gap:4px;margin-bottom:8px;width:100%}.input__field--row.first{margin-top:16px}.input__field input,.input__field select{border:1px solid #b2b7bc!important;outline:none;padding:12px 8px;width:100%}.input__field select{appearance:auto!important}textarea{padding:12px 8px;resize:none}input::placeholder,select::placeholder{color:#717171}input:-ms-input-placeholder,select:-ms-input-placeholder{color:#717171}input::-webkit-input-placeholder,select::-webkit-input-placeholder{color:#717171}input::-moz-placeholder,select::-moz-placeholder{color:#717171}.c-quiz__content.radio{align-items:center;display:grid;gap:8px;grid-template-columns:60% 40%;text-align:start;width:100%}.input__field input[type=radio]{padding:2px}.label__text{align-items:center;display:flex;gap:4px}.type__of__hair--section img{max-width:150px;width:100%}.input__field input:focus{border:1px solid #000!important}.c-quiz__radio{align-items:center;display:flex;gap:8px}.c-quiz__checkbox:hover .c-quiz__selection,.c-quiz__radio:hover .c-quiz__selection{background:#999}.c-quiz__checkbox{align-items:center;display:flex;gap:8px}.js-quiz-answer{align-items:start;background:#fff;border:1px solid #b2c2c8;cursor:pointer;display:flex;flex-direction:column;gap:8px;justify-content:center;padding:12px 8px}.js-quiz-answer.active,.js-quiz-answer:hover{border:1px solid #001022}.js-quiz-answer.active{background:#e8eeff}.js-quiz-answer img{margin:0 auto;max-width:100px;width:100%}.c-quiz__label{cursor:pointer;font-size:16px}.button{align-items:center;color:#000;display:inline-flex;font-size:18px;gap:8px;justify-content:center;margin-top:56px}.button:hover{background:#000}.button:hover svg{color:#fff}.quiz__result{display:none}.c-quiz__counter{color:#2e2b32!important;font-size:14px}.c-quiz__selection{border:2px solid #aaa;display:inline-block;height:20px;position:relative;transition:background-color .3s ease;width:20px}.c-quiz__radio .c-quiz__selection{border-radius:50%}.js-quiz-answer.active .c-quiz__selection{background:#001022}.c-quiz__checkbox.js-quiz-answer .c-quiz__selection:after{border:2px solid transparent;border-right:none;border-top:none;content:"";height:5px;left:5px;opacity:0;position:absolute;top:3px;transform:rotate(-45deg);width:10px}.c-quiz__checkbox.js-quiz-answer.active .c-quiz__selection:after{opacity:1}.cJguiz_:not(.c-quiz__next){width:180px}.c-quiz__selection.active{background-color:#000}.submitted-message{background:#f9f9f9!important;display:none!important}.result{padding:16px}.result h2{text-align:center}.products__result{flex-wrap:wrap;gap:16px}.product,.products__result{align-items:center;display:flex;justify-content:center}.product{flex-direction:column;max-width:200px}.product,.product img{width:100%}.product .btn{background-color:#ffcb00;border:none;border-radius:5px;color:#000;cursor:pointer;padding:10px 20px;text-decoration:none}.product p{margin-bottom:.4rem}.hidden{display:none}form{background:#f7f6f3!important;padding:0;text-align:start!important}form input,form select{border:1px solid #999!important}.quiz__result{padding:24px 24px 32px}.form-prev-btn{margin:32px auto 0;width:288px}.content__results{align-items:center;display:flex;flex-direction:column;padding:24px;text-align:center}form .hs-form-field{display:none}.c-quiz__slide{display:none;opacity:0;transition:opacity .5s ease-in-out}.c-quiz__slide.active{display:block;opacity:1}.fade-in{animation:fadeIn .8s ease-in-out forwards}.fade-out{animation:fadeOut .8s ease-in-out forwards}.content__results{background:#f7f6f3}#loader{font-size:20px;font-weight:700;margin-top:25%;min-height:200px;position:relative;width:100%}#loader:after{-webkit-animation-duration:1.4s;animation-duration:1.4s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:loaderRotate;animation-name:loaderRotate;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;background:url(https://cdn.shopify.com/s/files/1/0584/3625/5926/files/loader.svg?v=1712347940) no-repeat 50%;background-size:contain;content:"";height:4.8rem;left:50%;position:absolute;top:50%;width:4.8rem;z-index:106}@keyframes loaderRotate{0%{-webkit-transform:translate(-50%,-50%) rotate(0);transform:translate(-50%,-50%) rotate(0)}70%,to{-webkit-transform:translate(-50%,-50%) rotate(1turn);transform:translate(-50%,-50%) rotate(1turn)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}#error__message,#error__message__intro{color:red;display:block;font-size:15px;margin-top:16px;text-align:center}.c-quiz__form{flex-direction:column}.c-quiz__form,.c-quiz__form .c-quiz__prev{align-items:center;display:flex;justify-content:center;width:100%}.c-quiz__form .c-quiz__prev{font-size:18px;gap:4px;margin-top:auto;max-width:96px}.cJguiz_.c-quiz__next.js-quiz-next{background:#ffd533;color:#000;opacity:.7;opacity:1}#formDiv{align-items:center;justify-content:center}#formDiv .content__quiz{margin-bottom:140px}#formDiv h3{font-size:40px!important;margin-top:40px!important;text-align:center!important}.notes{display:grid;grid-template-rows:20px 1fr}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none!important;margin:0!important}input[type=number]{-moz-appearance:textfield!important}@media only screen and (max-width:769px){.c-quiz__container{position:relative;width:100%}.c-quiz__slide{margin:16px;padding:24px 12px}}@media only screen and (max-height:800px){.c-quiz__container{position:relative;width:100%}}@media only screen and (max-width:690px){h1{font-size:32px}.campo__notas{height:150px}h2{font-size:24px}.c-quiz__next,.c-quiz__prev{cursor:pointer;padding:12px 32px}h4{font-size:20px!important}.input__field--groupTwo{flex:auto}.first_questions{flex-direction:column}}@media only screen and (max-width:540px){.c-quiz__label{font-size:14px}.input__field--group{grid-template-columns:1fr}}