.encuesta-wrapper{display:flex;justify-content:center;align-items:center;background-color:var(--color-fondo);height:100vh;width:100vw;font-family:Roboto,sans-serif}:root{--color-primario: #ec1c24;--color-secundario: #000000;--color-texto: #333;--color-fondo: #888}body{margin:0;padding:0;font-family:Roboto,sans-serif;background-color:var(--color-fondo);display:flex;justify-content:center;align-items:center;height:100vh}.modal{background:#fff;padding:2rem;border-radius:1rem;max-width:400px;width:100%;box-shadow:0 0 20px #0000004d;position:relative;text-align:center}.modal h2{margin-top:0;color:var(--color-primario)}.close-btn{position:absolute;top:1rem;right:1rem;cursor:pointer;font-size:1.2rem;font-weight:700}.question{margin:1.5rem 0 .5rem;font-weight:500}.satisfaction-container{display:flex;justify-content:center;gap:1rem;margin-bottom:1rem}.satisfaction-face{width:50px;cursor:pointer;transition:transform .2s ease,filter .2s ease;filter:grayscale(100%)}.satisfaction-face:hover,.satisfaction-face.selected{filter:grayscale(0%) brightness(1.2) saturate(1.5) drop-shadow(0 0 4px #0f0)}textarea{display:block;width:calc(100% - 2rem);margin:0 auto 1.5rem;padding:.75rem;border:1px solid #ccc;border-radius:.5rem;resize:vertical;min-height:80px;font-size:1rem;font-family:Roboto,sans-serif;box-sizing:border-box}button[type=submit]{background-color:var(--color-primario);color:#fff;padding:.75rem 1.5rem;border:none;border-radius:.5rem;font-size:1rem;cursor:pointer;transition:background-color .3s ease}button[type=submit]:hover{background-color:#ba151a}