@import"https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Calistoga&display=swap";:root{--primary: #ff9950;--primary-hover: #cd7d7c;--secondary: #efd0f8;--secondary-hover: #b8a1d9;--aura: #9265ca80;--background: #333333;--navbar-height: 3.75rem}.menu__wrapper{display:flex;position:relative;flex-direction:row;z-index:2}.menu__wrapper .menu__bar{position:fixed;display:flex;justify-content:space-between;gap:2rem;width:100%;align-items:center;flex-direction:row;padding-right:1.5rem;background-color:var(--background);height:3.75rem}.menu-icon{cursor:pointer;display:flex}.navigation{display:flex;flex-direction:row;list-style-type:none;gap:1.5rem;padding:0;background-color:var(--background);margin-right:1.5rem}.logo{margin-left:1rem;width:2rem;height:2rem;cursor:pointer;isolation:isolate}@keyframes fade{0%{opacity:0}to{opacity:1}}.navigation>li{display:flex;position:relative;padding:0;color:#fff;cursor:pointer;width:max-content;transition:all .2s}.navigation>li a{color:#fff;text-decoration:none}.navigation>li:hover{color:var(--primary)}.navigation>li:after{content:"";position:absolute;width:100%;transform:scaleX(0);height:.125rem;bottom:-.3rem;left:0;background:linear-gradient(90deg,var(--background),var(--primary),var(--background));transform-origin:bottom center;transition:transform .3s ease-out}.navigation>li:hover:after{transform:scaleX(1);transform-origin:bottom center}@media (min-width: 600px){.menu-icon{display:none}}@media (max-width: 600px){.navigation{display:none}.menu-icon{display:block}.navigation--mobile{top:var(--navbar-height);position:absolute;display:flex;padding:1.25rem;background-color:var(--background);width:100%;height:calc(100vh - var(--navbar-height));gap:.5rem;flex-direction:column;animation:fade 1s ease-in 1 forwards}}.clientes-container{width:100%}.clientes-container table{width:650px;margin:auto;box-shadow:3px 3px 3px #0000001a}.clientes-container table td{padding:4px 0}.clientes-container table td.id{text-align:right;padding-right:3px}.clientes-container table td.nombre{font-weight:600}.clientes-container table td.bomba{text-align:center;color:red;font-weight:700}.clientes-container table td.contacto,.clientes-container table td.tools{text-align:center}.clientes-container table td.tools>button{font-size:1.1rem}.clientes-container table td.activo{text-align:center;font-size:2opx}.clientes-container table td.encuestas{text-align:center;display:flex;justify-content:center;align-items:center;gap:10px}.clientes-container table td.encuestas div.rounded{padding:2px 5px;border-radius:50%;color:#fff;font-size:.8rem;font-weight:600}.clientes-container table td.encuestas div.rounded.activas{background-color:green}.clientes-container table td.encuestas div.rounded.pasadas{background-color:red}.clientes-container .cliente{width:600px;margin:auto;padding:10px;border-radius:15px;box-shadow:3px 3px 3px #0000001a}.clientes-container .cliente .cliente-info{display:grid;grid-template-columns:7fr 3fr 2fr;justify-content:left;align-items:left;gap:10px}.clientes-container .cliente .cliente-info div{display:flex;gap:10px}.clientes-container .cliente .cliente-info div span{font-weight:700}.encuestas-container .crear-encuesta{display:flex;justify-content:center;margin:10px}.encuestas-container .crear-encuesta button{font-size:1.2rem}.encuestas-container table{width:650px;margin:auto;box-shadow:3px 3px 3px #0000001a;font-size:.9rem}.encuestas-container table td{padding:4px 0}.encuestas-container table td.id{text-align:right;padding-right:3px}.encuestas-container table td.nombre{font-weight:600}.encuestas-container table td.bomba{text-align:center;color:red;font-weight:700}.encuestas-container table td.contacto,.encuestas-container table td.link{text-align:center}.encuestas-container table td.tools{text-align:center;display:flex;justify-content:center;align-items:center}.encuestas-container table td.activo{text-align:center}.encuestas-container table td.eliminar-form{display:flex;justify-content:center;align-items:center}.encuestas-container table td.encuestas{text-align:center}.encuestas-container .cliente{width:400px;margin:auto;padding:10px;display:grid;grid-template-columns:8fr 4fr;box-shadow:3px 3px 3px #0000001a}.encuestas-container .cliente .cliente-info{display:flex;flex-direction:column;justify-content:left;align-items:left;gap:10px}.encuestas-container .cliente .cliente-info div span{font-weight:700}:root{--bg-color: #121212;--text-color: #e0e0e0;--accent-color: #bb86fc;--button-hover: #9055ff}.portada-container{font-family:Arial,sans-serif;background-color:var(--bg-color);color:var(--text-color);margin:0;padding:0;display:flex;justify-content:center;align-items:center;height:100vh;line-height:1.6}.portada-container .portada{text-align:center;padding:2rem;max-width:600px}.portada-container .portada .survey-icon{font-size:4rem;margin-bottom:1rem}.portada-container .portada .survey-icon .img-logo{width:200px}.portada-container .portada h1{font-size:2.5rem;margin-bottom:1rem;color:var(--accent-color)}.portada-container .portada p{font-size:1.1rem;margin-bottom:2rem}.portada-container .portada .user-email{margin:20px 0;display:flex;gap:20px}.portada-container .portada .user-email input{padding:.5rem;border:1px solid #ccc;border-radius:5px;width:450px;font-size:1.1rem}.portada-container .portada .user-email input.emailError{border-color:red}.portada-container .portada .btn{background-color:var(--accent-color);color:var(--bg-color);padding:.8rem 1.5rem;font-size:1.1rem;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.portada-container .portada .btn:hover{background-color:var(--button-hover)}.encuesta-container{width:650px;margin:30px auto auto}.encuesta-container .form-crear{width:600px;margin:0 auto;padding:20px;box-shadow:3px 3px 3px #0000001a;display:grid;grid-template-columns:10fr 2fr}.encuesta-container .form-crear input{padding:10px;border:1px solid #ccc;border-radius:5px;width:90%;margin:10px}.encuesta-container .encuesta-titulo .encuesta-nombre{text-align:center;font-size:1.2rem;font-weight:500}.encuesta-container .encuesta-titulo .encuesta-descripcion{text-align:center;font-size:.9rem;font-weight:500;font-style:italic;height:25px}.encuesta-container .campos-container .campo-generador .campos-tipo{display:flex;align-items:center;justify-content:center;gap:10px}.encuesta-container .campos-container .campo-generador .campos-tipo input{display:flex;flex-direction:column;width:100%}.encuesta-container .campos-container .campo-generador .campos-tipo select,.encuesta-container .campos-container .campo-generador .campos-tipo button{font-size:1rem;font-weight:300}.forms-container{width:650px;margin:30px auto auto}.forms-container .form-crear{width:600px;margin:0 auto;padding:20px;box-shadow:3px 3px 3px #0000001a;display:grid;grid-template-columns:10fr 2fr}.forms-container .form-crear input{padding:10px;border:1px solid #ccc;border-radius:5px;width:90%;margin:10px}.forms-container .form-generador{display:grid;grid-template-columns:8fr 4fr;width:100%;margin:0 auto 10px;border:#666 1px solid;border-radius:15px;box-shadow:3px 3px 3px #0000001a;padding:10px}.forms-container .form-generador .form-titulo .form-nombre{text-align:center;font-size:1.2rem;font-weight:500}.forms-container .form-generador .form-titulo .form-nombre input{font-size:1.2rem;text-align:center}.forms-container .form-generador .form-titulo .form-descripcion{text-align:center;font-size:.9rem;font-weight:500;font-style:italic;height:25px}.forms-container .form-generador .form-titulo .form-descripcion input{font-size:.9rem;text-align:center}.forms-container .form-generador .form-botones{font-size:.9rem;display:grid;grid-template-columns:repeat(4,4fr);font-size:.8rem}.forms-container .form-generador .form-botones .botones-pares{display:flex;flex-direction:column;justify-content:center;align-items:center}.forms-container .form-generador .campos-container .campo-generador .campos-tipo{display:flex;align-items:center;justify-content:center;gap:10px}.forms-container .form-generador .campos-container .campo-generador .campos-tipo input{display:flex;flex-direction:column;width:100%}.forms-container .form-generador .campos-container .campo-generador .campos-tipo select,.forms-container .form-generador .campos-container .campo-generador .campos-tipo button{font-size:1rem;font-weight:300}.campos-container{width:650px;margin:30px auto auto}.campos-container .campo-generador{display:grid;width:100%;margin:0 auto;grid-template-rows:1fr;border:#666 1px solid;border-radius:15px;box-shadow:3px 3px 3px #0000001a;padding:10px}.campos-container .campo-generador .campo-header{border-bottom:1px solid #000000;display:grid;grid-template-columns:8fr 4fr;margin-bottom:10px}.campos-container .campo-generador .campo-header .campo-titulo .campo-nombre{text-align:center;font-size:1.2rem;font-weight:500}.campos-container .campo-generador .campo-header .campo-titulo .campo-descripcion{text-align:center;font-size:.9rem;font-weight:500;font-style:italic;height:25px}.campos-container .campo-generador .campo-header .campo-botones{font-size:1.2rem}.campos-container .campo-generador .campos-tipo{display:flex;align-items:center;justify-content:center;gap:10px}.campos-container .campo-generador .campos-tipo input{display:flex;flex-direction:column;font-size:1.2rem;width:100%}.campos-container .campo-generador .campos-tipo select,.campos-container .campo-generador .campos-tipo button{font-size:1.2rem;font-weight:300}.campos-container .campo-generado{border:#aaa 1px solid;border-radius:15px;padding:10px;width:100%;margin:10px 0;transition:all .5s ease}.campos-container .campo-generado.obli{border-color:#000}.campos-container .campo-generado .campo-tools{display:grid;grid-template-columns:9fr 3fr}.campos-container .campo-generado .campo-tools .campo-titulo .campo-nombre{font-size:1.2rem;font-weight:500}.campos-container .campo-generado .campo-tools .campo-titulo .campo-nombre .obli{display:none}.campos-container .campo-generado .campo-cuerpo .qualif-container{display:grid;grid-template-columns:2fr 1fr 9fr}.campos-container .campo-generado .campo-cuerpo .qualif-container .qualif-datos{display:flex;flex-direction:column;gap:3px}.campos-container .campo-generado .campo-cuerpo .qualif-container .qualif-datos label{display:grid;grid-template-columns:8fr 4fr}.campos-container .campo-generado .campo-cuerpo .qualif-container .qualif-datos label input{width:35px;height:15px;text-align:right}.campos-container .campo-generado .campo-cuerpo .qualif-container .qualif-guardar{display:flex;justify-content:center;align-items:center}.campos-container .campo-generado .campo-cuerpo .qualif-encuesta-container{display:grid;grid-template-columns:1fr}.campos-container .campo-generado .campo-cuerpo .qualif-encuesta-container .qualif-encuesta-datos{display:flex;flex-direction:column;gap:3px}.campos-container .campo-generado .campo-cuerpo .qualif-encuesta-container .qualif-encuesta-datos label{display:grid;grid-template-columns:8fr 4fr}.campos-container .campo-generado .campo-cuerpo .qualif-encuesta-container .qualif-encuesta-datos label input{width:35px;height:15px;text-align:right}.campos-container .campo-generado .campo-cuerpo .qualif-encuesta-container .qualif-encuesta-guardar{display:flex;justify-content:center;align-items:center}.campos-container .campo-generado .agregar-valor{margin-bottom:20px}.campos-container .campo-generado .pastillas{display:flex;gap:10px}.campos-container .campo-generado .pastillas .pastilla{border:1px solid #666;border-radius:10px;padding:1px 20px 1px 5px;position:relative}.campos-container .campo-generado .pastillas .pastilla .button-hidden{position:absolute;right:0;top:0;border-radius:10px;font-size:.8rem;font-weight:700;padding:2px 5px}.campos-container .campo-generado .pastillas .pastilla .button-hidden:hover{background:red;color:#fff}.campos-container .campo-generado .select{font-size:1.3rem;border-radius:5px;margin-top:20px}.campos-container .campo-encuesta{border:#aaa 1px solid;border-radius:15px;padding:10px;width:100%;margin:10px 0;transition:all .5s ease}.campos-container .campo-encuesta.obli{border-color:#000}.campos-container .campo-encuesta .campo-tools{display:grid;grid-template-columns:9fr 3fr}.campos-container .campo-encuesta .campo-tools .campo-titulo .campo-nombre{font-size:1.2rem;font-weight:500}.campos-container .campo-encuesta .campo-tools .campo-titulo .campo-nombre .obli{display:none}.campos-container .campo-encuesta .campo-cuerpo .qualif-container{display:grid}.campos-container .campo-encuesta .campo-cuerpo .qualif-container .qualif-datos{display:flex;flex-direction:column;gap:3px}.campos-container .campo-encuesta .campo-cuerpo .qualif-container .qualif-datos label{display:grid;grid-template-columns:8fr 4fr}.campos-container .campo-encuesta .campo-cuerpo .qualif-container .qualif-datos label input{width:35px;height:15px;text-align:right}.campos-container .campo-encuesta .campo-cuerpo .qualif-container .qualif-guardar{display:flex;justify-content:center;align-items:center}.campos-container .campo-encuesta .campo-cuerpo .qualif-encuesta-container{display:grid;grid-template-columns:1fr}.campos-container .campo-encuesta .campo-cuerpo .qualif-encuesta-container .qualif-encuesta-datos{display:flex;flex-direction:column;gap:3px}.campos-container .campo-encuesta .campo-cuerpo .qualif-encuesta-container .qualif-encuesta-datos label{display:grid;grid-template-columns:8fr 4fr}.campos-container .campo-encuesta .campo-cuerpo .qualif-encuesta-container .qualif-encuesta-datos label input{width:35px;height:15px;text-align:right}.campos-container .campo-encuesta .campo-cuerpo .qualif-encuesta-container .qualif-encuesta-guardar{display:flex;justify-content:center;align-items:center}.campos-container .campo-encuesta .agregar-valor{margin-bottom:20px}.campos-container .campo-encuesta .pastillas{display:flex;gap:10px}.campos-container .campo-encuesta .pastillas .pastilla{border:1px solid #666;border-radius:10px;padding:1px 20px 1px 5px;position:relative}.campos-container .campo-encuesta .pastillas .pastilla .button-hidden{position:absolute;right:0;top:0;border-radius:10px;font-size:.8rem;font-weight:700;padding:2px 5px}.campos-container .campo-encuesta .pastillas .pastilla .button-hidden:hover{background:red;color:#fff}.campos-container .campo-encuesta .select{font-size:1.3rem;border-radius:5px;margin-top:20px}.form-respondida{text-align:center;padding:2rem;border-radius:10px;box-shadow:0 4px 6px #0000001a;background-color:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.rating-slider{font-family:Arial,sans-serif;width:100%;margin:10px auto;text-align:center}.rating-slider .input{display:flex;gap:15px}.rating-slider .input div{font-weight:700;text-align:center;justify-content:center}.rating-slider .input input{margin:auto}.rating-slider .input input[type=range]{-webkit-appearance:none;width:100%;height:15px;border-radius:10px;background:#d3d3d3;outline:none;opacity:.7;transition:opacity .2s}.rating-slider .input input[type=range]:hover{opacity:1}.rating-slider .input input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:25px;height:25px;border-radius:50%;background:#4caf50;cursor:pointer}.rating-slider .input input[type=range]::-moz-range-thumb{width:25px;height:25px;border-radius:50%;background:#4caf50;cursor:pointer}.rating-slider .value{font-size:24px;font-weight:700;margin:10px 0;color:#333;display:flex;justify-content:center;gap:20px}.rating-slider .stars{font-size:24px;color:gold;letter-spacing:5px}body{font-family:Arial,sans-serif;background-color:var(--bg-color);color:var(--text-color);line-height:1.6;padding:20px;transition:background-color .3s,color .3s}.container{max-width:800px;margin:0 auto;background-color:var(--secondary-color);padding:30px;border-radius:10px;box-shadow:0 4px 6px #0000001a}form{display:grid;gap:20px}form label{font-weight:700}form input,form select,form textarea{width:100%;padding:10px;border:1px solid #ddd;border-radius:5px;font-size:16px}form input[type=checkbox],form input[type=radio]{width:auto;margin-right:10px}form button{background-color:var(--primary-color);color:#fff;padding:12px 20px;border:none;border-radius:5px;cursor:pointer;font-size:18px;transition:background-color .3s}form button:hover{background-color:#3a7bc8}.switch{position:relative;display:inline-block;width:60px;height:34px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:34px}.slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slider{background-color:var(--primary-color)}input:checked+.slider:before{transform:translate(26px)}:root{--bg-color: #ffffff;--text-color: #333333;--primary-color: #4a90e2;--secondary-color: #f5f5f5;--accent-color: #ff6b6b}.dark-mode{--bg-color: #333333;--text-color: #ffffff;--secondary-color: #444444}body{font-family:"Open+Sans",sans-serif;font-optical-sizing:auto;font-style:normal;font-variation-settings:"slnt" 0;font-size:16px;padding:0;margin:0}.container{display:block;margin-top:50px;width:100%;overflow:hidden;background-color:var(--bg-color);color:var(--text-color);line-height:1.6;padding:20px;transition:background-color .3s,color .3s}.return-marquee{display:grid;grid-template-columns:1fr 8fr;height:50px}.return-marquee .return-arrow{display:flex;justify-content:center;align-items:center}.titulo-seccion{text-align:center;font-size:1.5em;font-weight:600;color:#000;margin-top:15px;border-bottom:#000000 1px solid}.button{cursor:pointer;border:1px solid #888;border-radius:5px;box-shadow:3px 3px 3px #0000001a}.button:hover{background:#888;color:#fff}.button-hidden{cursor:pointer;background:none;border:none}.center{margin:auto}h1{text-align:center;color:var(--primary-color);margin:0}