@import 'QuerryTheme/styles.css';html{--aq-azul: #0b63ce;--aq-azul-suave: light-dark(#e8f1fc,#1c2b3f);--aq-fondo: light-dark(#f3f5f8,#12161c);--aq-superficie: light-dark(#ffffff,#1b2028);--aq-borde: light-dark(#e2e6ec,#2c333d);--aq-texto: light-dark(#1d2430,#e6e9ee);--aq-texto-secundario: light-dark(#5d6775,#a3acb9);--aq-sombra: light-dark(0 1px 2px rgba(16,24,40,.06),0 1px 2px rgba(0,0,0,.4));--aq-radio: 14px;--lumo-primary-color: var(--aq-azul);--lumo-primary-text-color: light-dark(var(--aq-azul),#6aa8f5);background: var(--aq-fondo)}body{background: var(--aq-fondo);color: var(--aq-texto)}.pagina{box-sizing: border-box;width: 100%;min-height: 100vh;background: var(--aq-fondo);display: flex;flex-direction: column}.anchura-maxima{box-sizing: border-box;width: 100%;max-width: 1440px;margin: 0 auto;padding: 0 32px}.cabecera-portada{background: linear-gradient(135deg,#0a3d82 0%,var(--aq-azul) 60%,#2f86ea 100%);color: #ffffff}.cabecera-contenido{display: flex;align-items: center;gap: 20px;padding-top: 28px;padding-bottom: 28px}.cabecera-placa-logo{flex-shrink: 0;display: flex;align-items: center;padding: 12px 18px;background: #ffffff;border-radius: 14px;box-shadow: 0 6px 18px -8px rgba(0,0,0,.35)}.cabecera-logo{display: block;height: 52px;width: auto}.cabecera-textos{display: flex;flex-direction: column;gap: 4px;min-width: 0;padding-left: 20px;border-left: 1px solid rgba(255,255,255,.35)}.cabecera-titulo{margin: 0;font-size: clamp(22px,3.2vw,32px);line-height: 1.15;font-weight: 700;color: #ffffff}.cabecera-subtitulo{margin: 0;font-size: 15px;opacity: .85}.cabecera-portada .cabecera-contenido{max-width: 880px}.contenido-clientes{flex: 1;max-width: 880px;padding-top: 28px;padding-bottom: 40px;display: flex;flex-direction: column;gap: 24px}.tarjeta{box-sizing: border-box;width: 100%;padding: 24px;background: var(--aq-superficie);border: 1px solid var(--aq-borde);border-radius: var(--aq-radio);box-shadow: var(--aq-sombra)}.seccion-titulo{margin: 0 0 4px 0;padding-left: 14px;border-left: 4px solid var(--aq-azul);font-size: 22px;font-weight: 700;line-height: 1.3;color: var(--aq-texto)}.texto-secundario{color: var(--aq-texto-secundario)}.pie-pagina{padding: 20px 16px;text-align: center;font-size: 12px;color: var(--aq-texto-secundario);border-top: 1px solid var(--aq-borde)}.ayuda{color: var(--aq-texto-secundario);font-size: 12px}.titulo-campo{color: var(--lumo-secondary-text-color);font-size: var(--lumo-font-size-s);font-weight: 500;margin-bottom: calc(-1 * var(--lumo-space-m))}.claves{width: 100%;max-width: calc(3 * 120px + 2 * var(--lumo-space-m))}.claves>vaadin-text-field{flex: 1 1 0;min-width: 0}.fila-campos>*{flex: 1 1 240px;min-width: 0}.ficha{box-sizing: border-box;width: 100%;display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 14px 24px;padding: 16px 18px;border-radius: 12px;background: var(--aq-azul-suave)}.ficha-dato{display: flex;flex-direction: column;gap: 2px;min-width: 0}.ficha-dato-ancho{grid-column: 1 / -1}.ficha-etiqueta{color: var(--aq-texto-secundario);font-size: var(--lumo-font-size-xs);font-weight: 500}.ficha-valor{color: var(--aq-texto);font-weight: 600;overflow-wrap: anywhere}.datos-cliente-final .ficha{padding: 0;background: none}.titulo-campo.obligatorio::after{content: " •";color: var(--lumo-required-field-indicator-color,var(--lumo-primary-text-color))}.mensaje-centrado{text-align: center}.codigo-activacion{display: inline-flex;align-items: center;padding: 6px 18px;border-radius: 999px;background: var(--aq-azul-suave);color: var(--lumo-primary-text-color);font-size: 28px;font-weight: 700;letter-spacing: .12em}.datos-cliente-final{padding: 16px;border-radius: 12px;background: var(--aq-azul-suave)}.recuadro-info{box-sizing: border-box;width: 100%;padding: 14px 16px;border-radius: 12px;background: var(--aq-azul-suave);line-height: 1.6}.pregunta-titulo{margin-top: 8px;font-size: 15px;font-weight: 600;color: var(--aq-texto)}.estrellas{gap: 10px}.descripcion-opcion{padding: 2px 0;color: var(--aq-texto-secundario);font-style: italic}.estrella,.estrellaPocas,.estrellaPocas2,.estrellaSeleccionada,.estrellaTodas{width: 26px;height: 26px;cursor: pointer}.estrella{color: var(--aq-texto-secundario)}.estrellaPocas{color: rgb(220,0,0)}.estrellaPocas2{color: rgb(220,110,0)}.estrellaSeleccionada{color: var(--aq-azul)}.estrellaTodas{color: rgb(255,200,15)}.mensajeComentario{padding: 15px;max-width: 420px;color: #ffffff;font-size: 15px;line-height: 1.5;background: linear-gradient(135deg,#0a3d82 0%,var(--aq-azul) 100%);border-radius: 12px}@media (max-width: 640px){.anchura-maxima{padding: 0 14px}.cabecera-contenido{flex-direction: column;align-items: flex-start;gap: 14px;padding-top: 20px;padding-bottom: 20px}.cabecera-placa-logo{padding: 8px 12px;border-radius: 12px}.cabecera-logo{height: 36px}.cabecera-textos{padding-left: 0;border-left: none}.cabecera-subtitulo{font-size: 13px}.tarjeta{padding: 16px}.ficha{grid-template-columns: minmax(0,1fr)}.seccion-titulo{font-size: 19px}.codigo-activacion{font-size: 22px}}.lienzo-firma{box-sizing: border-box;border: 1px dashed var(--aq-borde);border-radius: var(--aq-radio)}