:root{font-family:Segoe UI,Arial,sans-serif;color:#13233b;background:linear-gradient(135deg,#eaf1fb,#f8fafc 55%,#e9f7f0)}*{box-sizing:border-box}body{margin:0;min-height:100svh;display:grid;place-items:center;padding:14px}main{width:min(760px,100%)}.consulta{text-align:center;background:#fff;border:1px solid #d6e1ef;border-top:5px solid #2364d2;border-radius:22px;padding:clamp(.9rem,3vw,1.5rem);box-shadow:0 16px 42px #13233b24;min-height:calc(100svh - 28px);display:flex;flex-direction:column}.logo{display:block;width:min(330px,62vw);max-height:82px;object-fit:contain;margin:0 auto .55rem}h1{font-size:clamp(1.3rem,3.8vw,1.7rem);margin:0 0 1rem}label{display:block;font-size:clamp(.95rem,3.2vw,1.05rem);margin-bottom:.45rem}input{width:100%;font-size:clamp(1.4rem,6vw,2rem);text-align:center;border:3px solid #2364d2;border-radius:14px;padding:.65rem;outline:none}input:focus{box-shadow:0 0 0 4px #a9c7ff}.estado{height:1.5rem;color:#a32d2d}article{margin-top:1.4rem;background:#f8fbff;border:1px solid #dce7f5;border-radius:16px;padding:clamp(1rem,4vw,1.7rem);box-shadow:0 8px 26px #13233b18}.descripcion{font-size:clamp(1.25rem,4vw,1.5rem);font-weight:600;margin:0 0 1.5rem}.precios{display:flex;justify-content:center;gap:clamp(1.4rem,8vw,3.2rem)}.precios.solo-precio{gap:0}.precios div{display:grid;gap:.35rem}.precios div[hidden]{display:none}.precios span{color:#52657e}.precios strong{font-size:clamp(1.55rem,6vw,1.9rem);color:#0d7046}.anuncio{flex:1;min-height:58px;max-width:560px;width:100%;margin:.85rem auto 0;color:#52657e;display:flex;flex-direction:column;justify-content:center}.anuncio[hidden]{display:none}.anuncio p{margin:.15rem}.anuncio p:first-child{font-weight:650;color:#2364d2;font-size:clamp(1rem,3.4vw,1.15rem)}.anuncio p:last-child{font-size:clamp(1.05rem,4vw,1.28rem);line-height:1.25}.anuncio img{display:block;max-width:100%;max-height:min(48svh,420px);object-fit:contain;margin:0 auto .35rem}.anuncio img[hidden],.anuncio p[hidden]{display:none}.marca-proveedor{display:flex;justify-content:center;align-items:center;gap:.45rem;margin:.85rem auto 0;color:#718096;font-size:.72rem}.marca-proveedor img{width:auto;max-width:115px;max-height:26px;object-fit:contain}@media(max-width:360px){body{padding:12px}.consulta{border-radius:16px;min-height:calc(100svh - 24px)}.precios{flex-direction:column;gap:1rem}.precios.solo-precio{gap:0}.logo{max-height:70px}.anuncio img{max-height:32svh}}
.indicadores{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem}.indicadores div{display:grid;gap:.2rem}.indicadores span{font-size:.82rem;color:#52657e}.indicadores strong{font-size:1.1rem;color:#0d7046}.indicadores small{font-size:.7rem;color:#718096}.resumen-interno{grid-template-columns:repeat(2,minmax(0,1fr));max-width:400px;margin:auto}.resultado-interno{padding-bottom:.8rem}.boton-detalles{margin-top:.8rem;padding:.55rem 1rem;border:0;border-radius:10px;background:#2364d2;color:#fff;font-weight:650;cursor:pointer}.modal{position:fixed;inset:0;z-index:5;display:grid;place-items:center;background:#13233bb8;padding:1rem}.modal[hidden]{display:none}.modal-contenido{position:relative;width:min(520px,100%);max-height:85svh;overflow:auto;background:#fff;border-radius:18px;padding:1.5rem;box-shadow:0 16px 48px #0008}.modal-contenido h2{margin-top:0}.modal-contenido input{font-size:1rem}.modal-contenido button:not(.cerrar-camara),#form-acceso button{margin-top:.75rem;padding:.65rem 1rem;border:0;border-radius:10px;background:#2364d2;color:#fff;font-weight:600}.detalles-contenido{width:min(640px,100%);text-align:center;background:color-mix(in srgb,var(--color-panel) 85%,var(--color-principal));border:1px solid color-mix(in srgb,var(--color-principal) 18%,var(--color-panel))}.detalle-codigo{margin:.1rem 2rem;color:#52657e;font-size:.9rem}.detalle-descripcion{margin:.3rem 1rem .85rem;font-size:1.15rem;font-weight:650}.grupo-detalles{margin-top:1rem}.grupo-detalles h3{font-size:1rem;margin:0 0 .45rem;color:#263d5c}.indicadores-detalle{padding:.9rem;background:color-mix(in srgb,var(--color-panel) 94%,#e8f5ec);border:1px solid color-mix(in srgb,var(--color-principal) 14%,#d5e7db);border-radius:14px}.indicadores-ventas{background:color-mix(in srgb,var(--color-panel) 94%,#edf4ff);border-color:color-mix(in srgb,var(--color-principal) 14%,#dce7f5)}.comparacion-ventas{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);align-items:center;gap:1rem;margin-top:.7rem;padding:.85rem 1rem;text-align:left;background:color-mix(in srgb,var(--color-panel) 96%,var(--color-principal));border:1px solid color-mix(in srgb,var(--color-principal) 18%,var(--color-panel));border-radius:14px;box-shadow:0 5px 16px #13233b12}.comparacion-promedio{display:grid;gap:.12rem;padding-right:1rem;border-right:1px solid color-mix(in srgb,var(--color-principal) 16%,transparent)}.comparacion-promedio span{color:#52657e;font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.035em}.comparacion-promedio strong{color:var(--color-precio);font-size:1.45rem}.comparacion-promedio small,.comparacion-resultado small{color:#64748b;font-size:.72rem}.comparacion-resultado{display:flex;align-items:center;gap:.7rem}.comparacion-resultado div{display:grid;gap:.15rem}.comparacion-resultado strong{font-size:.95rem;color:#334155}.comparacion-icono{display:grid;flex:0 0 2.25rem;width:2.25rem;height:2.25rem;place-items:center;border-radius:50%;font-size:1.25rem;font-weight:700}.comparacion-ventas.favorable .comparacion-icono{color:#087443;background:#dff7ea}.comparacion-ventas.desfavorable .comparacion-icono{color:#b42318;background:#fee4e2}.comparacion-ventas.neutral .comparacion-icono{color:#475569;background:#e8edf3}.resultados-busqueda{display:grid;gap:.45rem;margin-top:.8rem;text-align:left}.resultados-busqueda button{width:100%;margin:0!important;text-align:left;background:#edf4ff!important;color:#13233b!important}@media(max-width:520px){.indicadores{grid-template-columns:repeat(2,minmax(0,1fr))}.indicadores-ventas{grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem}.indicadores-ventas span{font-size:.74rem}.indicadores-detalle{gap:.85rem}.indicadores-detalle strong{font-size:1.05rem}.comparacion-ventas{grid-template-columns:1fr;gap:.7rem}.comparacion-promedio{padding:0 0 .65rem;border-right:0;border-bottom:1px solid color-mix(in srgb,var(--color-principal) 16%,transparent)}}
.cerrar-camara{position:absolute;top:.55rem;right:.55rem;width:2.25rem;height:2.25rem;border:0;border-radius:50%;background:#e9eef5;color:#17243a;font-size:1.7rem;line-height:1;cursor:pointer;z-index:1}
.boton-volver{display:block;width:100%;margin-top:1rem!important;background:#64748b!important}
.opcion-limpieza{display:flex;align-items:center;justify-content:center;gap:.45rem;margin:.75rem 0 0;font-size:.86rem;color:#52657e}.opcion-limpieza input{width:auto;margin:0;padding:0;accent-color:#2364d2}
.modo-interno .consulta{padding-top:.65rem}.modo-interno .logo{max-height:56px;margin-bottom:.25rem}.modo-interno h1{font-size:1.25rem;margin-bottom:.45rem}.modo-interno label{margin-bottom:.2rem}.modo-interno input{padding:.45rem}.modo-interno article{margin-top:.55rem;padding:.75rem}.modo-interno .descripcion{font-size:1.15rem;margin-bottom:.7rem}.modo-interno .indicadores{gap:.45rem}.modo-interno .indicadores span{font-size:.75rem}.modo-interno .indicadores strong{font-size:1rem}.modo-interno .marca-proveedor{margin-top:.45rem}

/* Superficie sólida para el detalle: evita transparencias en Chrome antiguo o con colores heredados. */
.detalles-contenido{background:#fff!important;background-color:var(--color-panel,#fff)!important;background-image:none!important;border-color:#d6e1ef;opacity:1!important;isolation:isolate;mix-blend-mode:normal!important;backdrop-filter:none!important}
@supports (color:color-mix(in srgb,#000,#fff)){.detalles-contenido{border-color:color-mix(in srgb,var(--color-principal) 18%,var(--color-panel))}}

/* Acceso biométrico móvil: guía breve y recuperación no intrusiva. */
.acceso-contenido{text-align:center;background:#fff;background-color:var(--color-panel,#fff)}
.biometria-guia{display:grid;justify-items:center;gap:.45rem;margin:.2rem auto 1rem;color:var(--color-principal);font-weight:650}
.biometria-guia[hidden]{display:none}.biometria-icono{display:grid;width:4.25rem;height:4.25rem;place-items:center;border:2px solid currentColor;border-radius:1.35rem;font-size:3rem;line-height:1;animation:pulso-biometrico 1.25s ease-in-out infinite}
.alternativas-acceso{margin-top:1rem;color:#52657e;text-align:left}.alternativas-acceso summary{cursor:pointer;text-align:center;font-weight:600}.alternativas-acceso form{margin-top:.8rem;padding-top:.8rem;border-top:1px solid #d6e1ef}
@keyframes pulso-biometrico{50%{transform:scale(1.05);box-shadow:0 0 0 8px color-mix(in srgb,var(--color-principal) 12%,transparent)}}
@media(prefers-reduced-motion:reduce){.biometria-icono{animation:none}}