@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-sombra-elevada: light-dark(0 10px 24px -8px rgba(16,24,40,.18),0 10px 24px -8px rgba(0,0,0,.6));--aq-radio: 14px;--aq-alto-barra: 112px;--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%;height: 100%;overflow-y: auto;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}.barra-herramientas{position: sticky;top: 0;z-index: 10;background: color-mix(in srgb,var(--aq-fondo) 88%,transparent);backdrop-filter: blur(10px);border-bottom: 1px solid var(--aq-borde)}.barra-contenido.anchura-maxima{max-width: none;padding-top: 12px;padding-bottom: 12px}.barra-accesos{display: flex;flex-wrap: wrap;justify-content: center;gap: 8px}.chip-grupo{flex-shrink: 0;max-width: 100%;margin: 0;border-radius: 999px;background: var(--aq-superficie);border: 1px solid var(--aq-borde);color: var(--aq-texto);font-weight: 500}.chip-grupo:hover{border-color: var(--aq-azul);color: var(--lumo-primary-text-color)}.portada{flex: 1;padding-top: 28px;padding-bottom: 40px}.grupos{display: flex;flex-direction: column;gap: 40px}.grupo{scroll-margin-top: calc(var(--aq-alto-barra) + 16px)}.grupo-cabecera{display: flex;align-items: baseline;gap: 12px;margin-bottom: 16px;padding-left: 14px;border-left: 4px solid var(--aq-azul)}.grupo-titulo{margin: 0;font-size: 22px;font-weight: 700;color: var(--aq-texto)}.grupo-contador{font-size: 13px;color: var(--aq-texto-secundario)}.grupo-rejilla{display: grid;grid-template-columns: repeat(auto-fit,minmax(min(100%,340px),1fr));gap: 18px}.tarjeta{display: flex;flex-direction: column;gap: 14px;padding: 20px;background: var(--aq-superficie);border: 1px solid var(--aq-borde);border-radius: var(--aq-radio);box-shadow: var(--aq-sombra);transition: box-shadow .2s ease,transform .2s ease,border-color .2s ease;scroll-margin-top: calc(var(--aq-alto-barra) + 16px)}.tarjeta:hover{box-shadow: var(--aq-sombra-elevada);transform: translateY(-2px);border-color: color-mix(in srgb,var(--aq-azul) 35%,var(--aq-borde))}.tarjeta-cabecera{display: flex;align-items: center;gap: 14px}.tarjeta-icono{flex-shrink: 0;width: 60px;height: 68px;display: flex;align-items: center;justify-content: center;background: #ffffff;border-radius: 12px;border: 1px solid var(--aq-borde);overflow: hidden}.tarjeta-icono img{max-width: 52px;max-height: 60px;object-fit: contain}.tarjeta-encabezado{display: flex;flex-direction: column;gap: 6px;min-width: 0}.tarjeta-titulo{margin: 0;font-size: 17px;line-height: 1.3;font-weight: 650;color: var(--aq-texto)}.tarjeta-meta{display: flex;flex-wrap: wrap;align-items: center;gap: 8px}.etiqueta-version{display: inline-flex;align-items: center;padding: 2px 10px;border-radius: 999px;background: var(--aq-azul-suave);color: var(--lumo-primary-text-color);font-size: 12px;font-weight: 700;white-space: nowrap}.tarjeta-fecha{font-size: 12px;color: var(--aq-texto-secundario)}.tarjeta-texto{flex: 1;font-size: 14px;line-height: 1.55;color: var(--aq-texto-secundario);overflow-wrap: anywhere}.tarjeta-texto img{max-width: 100%;height: auto}.tarjeta-pie{display: flex;flex-wrap: wrap;gap: 8px;margin-top: auto;padding-top: 14px;border-top: 1px solid var(--aq-borde)}.boton-enlace{margin: 0}.enlace-boton{text-decoration: none}.contenido-html [style*="background"],.contenido-html [bgcolor]{color: #1d2430}.pie-pagina{padding: 20px 16px;text-align: center;font-size: 12px;color: var(--aq-texto-secundario);border-top: 1px solid var(--aq-borde)}.requisitos-contenido{box-sizing: border-box;width: 100%;padding: 8px 20px 16px;font-size: 15px;line-height: 1.6;color: var(--aq-texto);overflow-wrap: anywhere}.requisitos-contenido>span[style*="pre-line"]{display: block;padding: 0 !important}.notas-version h3{margin: 28px 0 10px;padding-bottom: 8px;font-size: 17px;font-weight: 700;color: var(--aq-texto);border-bottom: 2px solid var(--aq-azul-suave)}.notas-version h3:first-child{margin-top: 4px}.notas-version h4{margin: 20px 0 6px;font-size: 15px;font-weight: 700;color: var(--lumo-primary-text-color)}.notas-version .fecha{margin-left: 6px;font-size: 13px;font-weight: 500;color: var(--aq-texto-secundario)}.notas-version p{margin: 8px 0}.notas-version ul{margin: 6px 0 12px;padding-left: 22px}.notas-version li{margin: 6px 0;padding-left: 2px}.notas-version li::marker{color: var(--aq-azul)}.notas-version strong{font-weight: 650;color: var(--aq-texto)}.notas-version .nota{margin: 12px 0 16px;padding: 10px 14px;border-left: 4px solid var(--aq-azul);border-radius: 8px;background: var(--aq-azul-suave)}.requisitos-contenido table{width: 100% !important;max-width: 100%;border-collapse: collapse}.requisitos-contenido td[width]{width: auto !important}.requisitos-contenido td:empty{display: none}.requisitos-contenido td{padding: 2px 0}.requisitos-contenido .tTabla{padding-bottom: 8px;font-size: 17px;font-weight: 700;border-bottom: 2px solid var(--aq-azul-suave)}.requisitos-contenido .cTabla>br{display: none}.requisitos-contenido .cTabla{padding-top: 12px;text-align: left}.requisitos-contenido ul{padding-left: 22px}.requisitos-contenido li{margin: 4px 0}.requisitos-contenido b,.requisitos-contenido strong{font-weight: 650}.anchura-maxima.descarga{max-width: 688px}.descarga{flex: 1;display: flex;flex-direction: column;align-items: stretch;gap: 12px;padding-top: 20px;padding-bottom: 40px}.boton-volver{align-self: flex-start;margin: 0}.panel-descarga{box-sizing: border-box;width: 100%;display: flex;flex-direction: column;gap: 20px;padding: 28px;background: var(--aq-superficie);border: 1px solid var(--aq-borde);border-radius: 18px;box-shadow: var(--aq-sombra-elevada)}.panel-encabezado{display: flex;flex-wrap: wrap;align-items: center;gap: 10px}.panel-titulo{margin: 0;font-size: 22px;font-weight: 700;color: var(--aq-texto)}.pasos{display: flex;align-items: center;gap: 10px}.paso{display: flex;align-items: center;gap: 8px;color: var(--aq-texto-secundario);font-size: 14px;font-weight: 500}.paso-numero{width: 28px;height: 28px;border-radius: 50%;display: inline-flex;align-items: center;justify-content: center;font-size: 13px;font-weight: 700;border: 2px solid var(--aq-borde)}.paso.activo{color: var(--aq-texto)}.paso.activo .paso-numero,.paso.completado .paso-numero{background: var(--aq-azul);border-color: var(--aq-azul);color: #ffffff}.pasos-separador{flex: 1;height: 2px;min-width: 24px;background: var(--aq-borde);border-radius: 2px}.pasos-separador.completado{background: var(--aq-azul)}.paso-contenido{display: flex;flex-direction: column;gap: 14px}.texto-secundario{font-size: 14px;line-height: 1.55;color: var(--aq-texto-secundario)}.numero-serie input{text-align: center;letter-spacing: .06em;font-variant-numeric: tabular-nums}.boton-ayuda{align-self: flex-start;margin: -6px 0 0}.panel-botones{display: flex;justify-content: flex-end;gap: 10px}.panel-botones vaadin-button{margin: 0}.paso-descarga{align-items: center;text-align: center}.icono-listo{width: 56px;height: 56px;border-radius: 50%;display: inline-flex;align-items: center;justify-content: center;background: light-dark(#e6f6ec,#183526);color: light-dark(#1e8e4e,#5fd394)}.icono-listo vaadin-icon{width: 28px;height: 28px}.descarga-enlaces{display: flex;flex-direction: column;align-items: stretch;gap: 10px;width: 100%}.descarga-enlaces vaadin-button{width: 100%;margin: 0}.ayuda-numero-serie{max-width: 100%}.carrusel{position: relative;width: 100%;aspect-ratio: 700 / 250;overflow: hidden;border-radius: 12px;background: #ffffff;border: 1px solid var(--aq-borde)}.carrusel-imagen{position: absolute;inset: 0;width: 100%;height: 100%;object-fit: contain;opacity: 0;transition: opacity 1.2s ease-in-out}.carrusel-imagen.activa{opacity: 1}@media (max-width: 640px){html{--aq-alto-barra: 104px}.anchura-maxima{padding: 0 14px}.cabecera-contenido{gap: 14px;padding-top: 20px;padding-bottom: 20px}.cabecera-contenido{flex-direction: column;align-items: flex-start}.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}.barra-herramientas{position: static;backdrop-filter: none;background: var(--aq-fondo)}.barra-accesos{gap: 6px}.grupo,.tarjeta{scroll-margin-top: 12px}.grupos{gap: 28px}.grupo-titulo{font-size: 19px}.tarjeta{padding: 16px}.tarjeta:hover{transform: none}.tarjeta-pie>*,.tarjeta-pie vaadin-button{flex: 1 1 100%;width: 100%}.panel-descarga{padding: 20px 16px;border-radius: 14px}.panel-botones{flex-direction: column-reverse}.panel-botones vaadin-button{width: 100%}.paso-texto{font-size: 13px}}@media (max-width: 420px){.anchura-maxima{padding: 0 10px}.grupo-rejilla{gap: 12px}.tarjeta{gap: 12px;padding: 14px;border-radius: 12px}.tarjeta-cabecera{align-items: flex-start;gap: 12px}.tarjeta-icono{width: 44px;height: 50px;border-radius: 10px}.tarjeta-icono img{max-width: 38px;max-height: 44px}.tarjeta-titulo{font-size: 15px}.tarjeta-texto{font-size: 13.5px}.tarjeta-pie{padding-top: 12px}.cabecera-titulo{font-size: 21px}.requisitos-contenido{padding: 4px 12px 12px;font-size: 14px}}@media (prefers-reduced-motion: reduce){.tarjeta,.carrusel-imagen{transition: none}}