.product-recommendation{background:var(--color-white);border:1px solid var(--color-light-gray);border-radius:4px;box-shadow:0 0 20px 0 rgba(0,0,0,.1);display:flex;flex-direction:column;margin:0 auto;padding:24px}.product-recommendation.container .product-recommendation__title{color:#ea650d;margin-bottom:24px}.product-recommendation .question{margin-bottom:20px}.product-recommendation .question label{color:#ea650d;display:block;font-weight:700;margin-bottom:5px}.product-recommendation .question label input{vertical-align:middle}.product-recommendation .question .options{display:flex;flex-direction:row;gap:10px}.product-recommendation .dropdown{display:inline-block;position:relative;width:100%}.product-recommendation .dropdown button{background-color:var(--button-primary-background-color);border:1px solid var(--button-primary-background-color);border-radius:6px;border-radius:var(--button-primary-border-radius);color:var(--button-primary-text-color);cursor:pointer;font:400 16px/1 var(--font-medium);padding:12px 16px;text-decoration:none;text-transform:none;transition:all .3s ease-in;width:100%}.product-recommendation .dropdown button:focus,.product-recommendation .dropdown button:hover{background-color:var(--button-primary-active-background-color);border:1px solid var(--button-primary-active-background-color);box-shadow:var(--button-primary-active-shadow);transition-duration:.2s;transition-timing-function:ease-out}.product-recommendation .resultado-boton{background-color:var(--button-primary-background-color);border:1px solid var(--button-primary-background-color);border-radius:var(--button-primary-border-radius);color:var(--button-primary-text-color);font:900 16px/1 var(--font-medium);padding:12px 16px;text-decoration:none;text-transform:none;transition:all .3s ease-in;width:100%}.product-recommendation .resultado-boton:focus,.product-recommendation .resultado-boton:hover{background-color:var(--button-primary-active-background-color);border:1px solid var(--button-primary-active-background-color);box-shadow:var(--button-primary-active-shadow);transition-duration:.2s;transition-timing-function:ease-out}.product-recommendation .button-wrapper{display:flex;justify-content:flex-end;margin-top:16px}.product-recommendation .button{cursor:pointer;text-decoration:none}.product-recommendation .button.button--link{background-color:var(--button-primary-background-color);border:1px solid var(--button-primary-background-color);border-radius:var(--button-primary-border-radius);color:var(--button-primary-text-color);font:900 16px/1 var(--font-medium);justify-content:center;padding:12px 16px;transition:all .3s ease-in;width:100%}.product-recommendation .button.button--link:focus,.product-recommendation .button.button--link:hover{background-color:var(--button-primary-active-background-color);border:1px solid var(--button-primary-active-background-color);box-shadow:var(--button-primary-active-shadow);transition-duration:.2s;transition-timing-function:ease-out}@media screen and (min-width:768px){.product-recommendation .button-wrapper{margin-top:0}.product-recommendation .button.button--link{width:auto}}.product-recommendation .button.button--link:hover{background-color:#ea650d;color:#fff!important}.product-recommendation .dropdown-content{background-color:#fff;border:1px solid var(--color-mid-gray);border-radius:4px;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);display:none;min-width:100%;position:absolute;top:100%;transform:translateY(10px);z-index:1}.product-recommendation .dropdown-content label{color:var(--color-black);display:block;font:900 16px/1 var(--font-regular);padding:12px 16px;text-decoration:none}.product-recommendation .dropdown-content label:hover{background-color:#f9f9f9}.product-recommendation .dropdown.active .dropdown-content{display:block}.product-recommendation .result{display:none}.product-recommendation .result h3{color:#ea650d}.product-recommendation .result .product{animation:productFadeIn .5s ease-in-out;background-color:#f9f9f9;border-radius:8px;color:#000;margin:15px 0 0;padding:24px}@keyframes productFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.product-recommendation .result .product h4{color:#ea650d}.product-recommendation .row{display:flex;flex-direction:row;gap:10px}.product-recommendation .column{flex:1}@media (max-width:768px){.product-recommendation .question .options,.product-recommendation .row{flex-direction:column}.product-recommendation .question .options>*{flex:1 1 100%}.product-recommendation .question .options,.product-recommendation .row{flex-direction:column!important}.product-recommendation .question .options>*{flex:1 1 100%!important}.product-recommendation .dropdown-content{margin-bottom:20px!important;position:relative!important}}