:root{--azul:#0460a9;--azul-claro:#e8f0f8;--texto:#1d2733;--gris:#5b6775;--borde:#d5dbe2;--fondo:#f5f7fa;--rojo:#b42318;--rojo-marca:#ed1c39;--rojo-claro:#fdecea;--verde:#1a7f37;--verde-claro:#e7f5ec;--radio:8px;color:var(--texto);background:var(--fondo);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.45}*{box-sizing:border-box}body{margin:0}#app{flex-direction:column;min-height:100vh;display:flex}#app>main{flex:1 0 auto;width:100%}a{color:var(--azul)}h1{margin:0 0 1rem;font-size:1.5rem}h2{margin:1.5rem 0 .75rem;font-size:1.2rem}h3{margin:0;font-size:1.05rem}.encabezado{border-top:3px solid var(--rojo-marca);box-shadow:0 1px 0 var(--borde), 0 2px 8px #1026400f;background:#fff;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1.5rem;padding:.6rem 1.25rem;display:flex}.encabezado a,.encabezado .enlace{color:var(--texto);text-decoration:none}.encabezado nav{flex-wrap:wrap;align-items:center;gap:.25rem 1.1rem;font-size:.95rem;display:flex}.encabezado nav a:hover,.encabezado .enlace:hover{color:var(--azul)}.encabezado nav a.activo{color:var(--azul);text-decoration:underline;-webkit-text-decoration-color:var(--rojo-marca);text-decoration-color:var(--rojo-marca);text-underline-offset:6px;font-weight:600;text-decoration-thickness:2px}.marca{align-items:center;gap:.85rem;display:flex}.marca img{width:auto;height:44px;display:block}.marca span{border-left:1px solid var(--borde);color:var(--azul);letter-spacing:.01em;padding-left:.85rem;font-weight:600}.marca-publica{text-align:center;margin:1rem 0 1.5rem}.marca-publica img{width:auto;height:100px}.marca-publica p{color:var(--azul);letter-spacing:.04em;margin:.5rem 0 0;font-weight:600}.pie{border-top:1px solid var(--borde);text-align:center;color:var(--gris);letter-spacing:.14em;text-transform:uppercase;margin-top:2.5rem;padding:1rem;font-size:.72rem}@media (width<=520px){.marca img{height:36px}.marca span{font-size:.9rem}}.contenido{max-width:1100px;margin:0 auto;padding:1rem}.contenido.estrecho{max-width:440px;padding-top:3rem}.tarjeta{border:1px solid var(--borde);border-radius:var(--radio);background:#fff;margin-bottom:1rem;padding:1rem}.formulario{gap:.75rem;display:grid}.campo{gap:.25rem;font-size:.9rem;display:grid}.campo>span{font-weight:600}input,select,textarea,button{font:inherit}input:not([type=checkbox]):not([type=file]),select,textarea{border:1px solid var(--borde);background:#fff;border-radius:6px;width:100%;padding:.5rem .6rem}textarea{min-height:5rem}.boton{border:1px solid var(--azul);color:var(--azul);cursor:pointer;white-space:nowrap;background:#fff;border-radius:6px;align-items:center;gap:.35rem;padding:.5rem .9rem;text-decoration:none;display:inline-flex}.boton.primario{background:var(--azul);color:#fff}.boton.peligro{border-color:var(--rojo);color:var(--rojo)}.boton:disabled{opacity:.5;cursor:not-allowed}.enlace{color:var(--azul);cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.acciones{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.en-linea{gap:.5rem;display:flex}.aviso-con-enlace{gap:.5rem;margin-bottom:1rem;display:grid}.aviso-con-enlace .aviso{margin:0}.copiable input{min-width:0;font-family:ui-monospace,Consolas,monospace;font-size:.85rem}.aviso{border-radius:6px;margin:0 0 1rem;padding:.6rem .8rem}.aviso-error{background:var(--rojo-claro);color:var(--rojo)}.aviso-ok{background:var(--verde-claro);color:var(--verde)}.aviso-info{background:var(--azul-claro);color:var(--azul)}.ayuda,.meta,.vacio,.cargando{color:var(--gris);margin:.25rem 0;font-size:.9rem}.etiqueta{background:var(--azul-claro);color:var(--azul);border-radius:999px;padding:.1rem .45rem;font-size:.75rem;display:inline-block}.etiqueta.alerta,.estado-rechazado,.estado-retirado{background:var(--rojo-claro);color:var(--rojo)}.estado-publicado{background:var(--verde-claro);color:var(--verde)}.migas{margin:0 0 .5rem;font-size:.9rem}.datos{grid-template-columns:max-content 1fr;gap:.3rem 1rem;margin:0;display:grid}.datos dt{font-weight:600}.datos dd{margin:0}.buscador{grid-template-columns:1fr;gap:.75rem;margin-bottom:1rem;display:grid}@media (width>=760px){.buscador{grid-template-columns:2fr repeat(4,1fr) auto;align-items:end}}.resultados{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.resultado{border:1px solid var(--borde);border-radius:var(--radio);background:#fff;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1rem;padding:.75rem 1rem;display:flex}.resultado-producto{margin-right:.5rem;font-weight:600}.resultado-titulo{margin:.2rem 0 0}.documento-cabeza{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.5rem 1rem;display:flex}.historial{margin:.5rem 0 0;padding-left:1.2rem}details summary{cursor:pointer;color:var(--azul);margin-top:.75rem}.tabla{border-collapse:collapse;border:1px solid var(--borde);background:#fff;width:100%}.tabla th,.tabla td{text-align:left;border-bottom:1px solid var(--borde);vertical-align:top;padding:.5rem .6rem}.tabla th{color:var(--gris);font-size:.85rem}@media (width<=700px){.tabla thead{display:none}.tabla,.tabla tbody,.tabla tr,.tabla td{width:100%;display:block}.tabla tr{border-bottom:2px solid var(--borde);padding:.4rem 0}.tabla td{border:0;padding:.25rem .6rem}.tabla td[data-etiqueta]:before{content:attr(data-etiqueta);color:var(--gris);font-size:.75rem;display:block}}.pestanas{border-bottom:1px solid var(--borde);flex-wrap:wrap;gap:.25rem;margin-bottom:1rem;display:flex}.pestanas a{border-radius:6px 6px 0 0;padding:.5rem .75rem;text-decoration:none}.pestanas a.activo{border:1px solid var(--borde);background:#fff;border-bottom-color:#fff;margin-bottom:-1px;font-weight:600}.dos-columnas{gap:1rem;display:grid}@media (width>=900px){.dos-columnas{grid-template-columns:320px 1fr;align-items:start}}.lista-seleccion{gap:.35rem;max-height:75vh;margin:0;padding:0;list-style:none;display:grid;overflow:auto}.lista-seleccion button{text-align:left;border:1px solid var(--borde);cursor:pointer;background:#fff;border-radius:6px;gap:.1rem;width:100%;padding:.5rem .7rem;display:grid}.lista-seleccion button.activo{border-color:var(--azul);background:var(--azul-claro)}.lista-seleccion span{color:var(--gris);font-size:.85rem}.vista-previa{border:1px solid var(--borde);background:#fff;border-radius:6px;width:100%;height:70vh;margin-top:1rem}.filtros{flex-wrap:wrap;gap:.75rem;margin-bottom:.75rem;display:flex}.filtros .campo{flex:1;min-width:200px}.selector-producto{gap:.5rem;display:grid}
