*{box-sizing:border-box;margin:0;padding:0}body{background-color:#1f2937;color:#666;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:20px;line-height:1.6}.container{align-items:center;display:flex;min-height:100vh;padding:2rem 1rem}.content-wrapper{margin:0 auto;max-width:1300px;width:100%}.loading-container{padding:3rem 0;text-align:center}.spinner{animation:spin 1s linear infinite;border:3px solid #374151;border-radius:50%;border-top-color:#3b82f6;display:inline-block;height:3rem;width:3rem}.loading-text{color:#9ca3af;font-size:18px;margin-top:1rem}.toast-container{max-width:400px;position:fixed;right:1rem;top:1rem;z-index:9999}.toast{align-items:center;animation:slideIn .3s ease-out;background-color:#ef4444;border-radius:.5rem;box-shadow:0 10px 15px -3px #0000004d;color:#fff;display:flex;gap:.75rem;margin-bottom:.5rem;padding:1rem 1.5rem}.toast-icon{flex-shrink:0;height:1.5rem;width:1.5rem}.toast-message{flex:1;font-size:16px}.message-box{background-color:#fff;border-radius:.5rem;box-shadow:0 4px 6px -1px #0000004d;padding:2rem;text-align:center}.message-box-success{border:2px solid #10b981}.message-box-error{border:2px solid #e60d2e}.message-icon{height:4rem;margin:0 auto 1.5rem;width:4rem}.message-icon-success{color:#10b981}.message-icon-error{color:#e60d2e}.message-title{font-size:26px;font-weight:600;margin-bottom:1rem}.message-title-success{color:#10b981}.message-title-error{color:#e60d2e}.message-text{font-size:20px;line-height:1.6}.message-text-error,.message-text-success{color:#666}.survey-card{background-color:#fff;border-radius:.5rem;box-shadow:0 4px 6px -1px #0000004d;padding:2rem}.survey-logo{margin-bottom:2rem;text-align:center}.survey-logo img{height:auto;max-width:700px;width:80%}.survey-intro{color:#666;font-size:20px;line-height:1.8;margin-bottom:2rem;white-space:pre-line}.question-container{border-bottom:1px solid #e5e7eb;margin-bottom:3rem;padding-bottom:3rem}.question-container:last-of-type{border-bottom:none}.question-label{color:#333;display:block;font-size:22px;font-weight:500;margin-bottom:1.5rem}.required-mark{color:#e60d2e}.valoracion-container{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center}.valoracion-option{cursor:pointer;position:relative}.valoracion-option input[type=radio]{cursor:pointer;opacity:0;position:absolute}.valoracion-option label{align-items:center;background-color:#fff;border:2px solid #d1d5db;border-radius:50%;box-shadow:0 2px 4px #0000001a;color:#666;cursor:pointer;display:flex;font-size:20px;font-weight:600;height:60px;justify-content:center;transition:all .3s ease;width:60px}.valoracion-option input[type=radio]:checked+label{background-color:#e60d2e;border-color:#e60d2e;box-shadow:0 4px 8px #e60d2e4d;color:#fff;transform:scale(1.1)}.valoracion-option label:hover{border-color:#e60d2e;transform:scale(1.05)}.seleccion-container{display:flex;flex-direction:row;flex-wrap:wrap;gap:1rem}.seleccion-option{align-items:center;background-color:#fff;border:2px solid #e5e7eb;border-radius:.5rem;cursor:pointer;display:flex;padding:1rem 1.25rem;position:relative;transition:all .3s ease}.seleccion-option:hover{background-color:#fef2f2;border-color:#e60d2e}.seleccion-option input[type=radio]{cursor:pointer;opacity:0;position:absolute}.seleccion-option input[type=radio]+label:before{background-color:#fff;border:2px solid #d1d5db;border-radius:50%;content:"";display:inline-block;flex-shrink:0;height:24px;margin-right:.75rem;transition:all .3s ease;width:24px}.seleccion-option input[type=radio]:checked+label:before{background-color:#e60d2e;border-color:#e60d2e;box-shadow:inset 0 0 0 4px #fff}.seleccion-option input[type=radio]:checked+label{color:#e60d2e;font-weight:500}.seleccion-option input[type=radio]:checked~.seleccion-option{background-color:#fef2f2;border-color:#e60d2e}.seleccion-option input[type=checkbox]{accent-color:#e60d2e;cursor:pointer;flex-shrink:0;height:24px;margin-right:.75rem;width:24px}.seleccion-option label{align-items:center;color:#666;cursor:pointer;display:flex;flex:1;font-size:20px;margin-left:0}.textarea-container{width:100%}.textarea-field{background-color:#fff;border:2px solid #e5e7eb;border-radius:.5rem;color:#666;font-family:inherit;font-size:20px;line-height:1.5;padding:.875rem 1rem;resize:vertical;transition:border-color .2s,box-shadow .2s;width:100%}.textarea-field:focus{border-color:#e60d2e;box-shadow:0 0 0 3px #e60d2e1a;outline:none}.textarea-counter{color:#999;font-size:18px;margin-top:.5rem}.validation-error{color:#e60d2e;font-size:18px;margin-top:.75rem}.submit-container{margin-top:2.5rem;text-align:center}.submit-button{background-color:#e60d2e;border:none;border-radius:.5rem;box-shadow:0 4px 6px #e60d2e33;color:#fff;cursor:pointer;display:inline-block;font-size:20px;font-weight:600;padding:1rem 2.5rem;transition:all .3s ease}.submit-button:hover:not(:disabled){background-color:#c70b27;box-shadow:0 6px 12px #e60d2e4d;transform:translateY(-2px)}.submit-button:focus{box-shadow:0 0 0 3px #e60d2e4d;outline:none}.submit-button:disabled{cursor:not-allowed;opacity:.5}@media (max-width:640px){body{font-size:18px}.container{padding:1rem .5rem}.survey-card{padding:1.5rem}.survey-logo img{width:90%}.survey-intro{font-size:18px}.question-label{font-size:20px}.valoracion-container{gap:1rem}.valoracion-option label{font-size:18px;height:50px;width:50px}.seleccion-option{padding:.875rem 1rem}.seleccion-option label,.textarea-field{font-size:18px}.submit-button{font-size:18px;padding:.875rem 2rem}.toast-container{left:1rem;max-width:none;right:1rem}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}