:root { /* Paleta Esmeralda & Marfil (combina con el logo dorado/negro) */ --oscuro: #0c2a20; /* verde muy oscuro (menú) */ --azul: #14503c; /* primario esmeralda (botones, encabezados, valores) */ --azul-claro: #0f3d2d; /* hover oscuro */ --medio: #5b8b76; /* salvia (acentos, bordes) */ --sage: #b8d0c0; /* menta (CTA, resaltes suaves) */ --crema: #f7f4ec; /* marfil (fondo) */ /* Compatibilidad: los nombres "oro*" ahora son acentos de la paleta */ --oro: #5b8b76; --oro-oscuro: #2f6a52; --oro-suave: #e6efe7; /* menta muy suave para fondos */ --gris: #eef2ea; --gris-borde: #d4ddd2; --texto: #16241c; --ok: #1e7e46; --error: #b02a2a; } * { box-sizing: border-box; } body { margin: 0; font-family: "Segoe UI", system-ui, -apple-system, Arial, sans-serif; color: var(--texto); background: var(--crema); } a { color: var(--oro-oscuro); text-decoration: none; } a:hover { text-decoration: underline; } .ph { vertical-align: -.12em; } /* Topbar (fondo claro para que el logo negro/dorado se vea) */ .topbar { display: flex; align-items: center; gap: 22px; background: #ffffff; color: var(--texto); padding: 8px 22px; flex-wrap: wrap; border-bottom: 3px solid var(--medio); box-shadow: 0 1px 6px rgba(1,22,30,.08); } .brand { display: flex; align-items: center; } .brand .logo-img { height: 48px; width: auto; display: block; } /* Widgets de cotización en la barra */ .tickers { display: flex; gap: 10px; align-items: center; } .ticker { display: flex; flex-direction: column; line-height: 1.15; background: var(--oro-suave); border: 1px solid var(--gris-borde); border-radius: 8px; padding: 5px 11px; } .ticker .et { font-size: 9.5px; text-transform: uppercase; letter-spacing: .04em; color: var(--oro-oscuro); font-weight: 700; } .ticker .v { font-size: 15px; font-weight: 800; color: var(--azul); } .ticker .f { font-size: 9px; color: #7d8a80; } .ticker a { color: var(--oro-oscuro); font-weight: 600; } a.ticker { text-decoration: none; transition: border-color .12s, background .12s; } a.ticker:hover { text-decoration: none; border-color: var(--medio); background: #dceadf; } a.ticker .f { color: var(--oro-oscuro); font-weight: 600; } .btn-refrescar { background: none; border: 1px solid var(--gris-borde); border-radius: 8px; padding: 6px 10px; color: var(--oro-oscuro); font: inherit; font-size: 12px; cursor: pointer; } .btn-refrescar:hover { border-color: var(--oro); background: var(--oro-suave); } .mainnav { display: flex; gap: 4px; flex-wrap: wrap; background: var(--oscuro); padding: 6px 22px; } .mainnav a { color: #dbe7dc; padding: 8px 13px; border-radius: 6px; font-size: 13.5px; display: inline-flex; align-items: center; gap: 6px; } .mainnav a:hover { background: rgba(174,195,176,.20); text-decoration: none; color: #fff; } .mainnav .ph { color: var(--sage); } .userbox { display: flex; align-items: center; gap: 12px; font-size: 13px; margin-left: auto; color: var(--texto); } .avatar { width: 26px; height: 26px; border-radius: 50%; object-fit: cover; border: 1px solid var(--gris-borde); } .avatar-lg { width: 92px; height: 92px; border-radius: 50%; object-fit: cover; border: 2px solid var(--sage); } .userbox em { color: var(--oro-oscuro); font-style: normal; } .btn-salir { background: var(--azul); color: #fff; padding: 6px 12px; border-radius: 6px; font-weight: 600; border: none; cursor: pointer; font-size: inherit; font-family: inherit; } .btn-salir:hover { text-decoration: none; filter: brightness(1.05); } /* Layout */ .content { max-width: 1080px; margin: 24px auto; padding: 0 18px; } .pie { text-align: center; color: #9a9080; font-size: 12px; padding: 24px; } h1 { font-size: 22px; color: var(--azul); margin: 0 0 4px; } h2 { font-size: 17px; color: var(--azul); margin: 22px 0 10px; } .sub { color: #857c6b; margin: 0 0 18px; font-size: 13px; } /* Flash */ .flash { padding: 11px 15px; border-radius: 8px; margin-bottom: 14px; font-size: 14px; } .flash-ok { background: #e4f4ea; color: var(--ok); border: 1px solid #b6e0c4; } .flash-error { background: #fbe6e6; color: var(--error); border: 1px solid #eebcbc; } /* Cards */ .cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(210px,1fr)); gap: 16px; } .card { background: #fff; border: 1px solid var(--gris-borde); border-radius: 14px; padding: 18px 20px; position: relative; overflow: hidden; box-shadow: 0 2px 10px rgba(40,34,20,.05); transition: transform .12s, box-shadow .12s; } .card:hover { transform: translateY(-2px); box-shadow: 0 6px 18px rgba(40,34,20,.10); } .card .ic { position: absolute; right: 14px; top: 14px; font-size: 30px; color: var(--oro); opacity: .35; } .card .valor { font-size: 27px; font-weight: 800; color: var(--azul); line-height: 1.1; } .card .etq { color: #857c6b; font-size: 12.5px; margin-top: 2px; } .card.oro { border-top: 3px solid var(--oro); } /* Tablas */ table.grid { width: 100%; border-collapse: collapse; background: #fff; border: 1px solid var(--gris-borde); border-radius: 10px; } table.grid th { background: var(--azul); color: #fff; text-align: left; padding: 11px 16px; font-size: 12.5px; font-weight: 600; white-space: nowrap; position: sticky; top: 0; z-index: 2; /* encabezado pegajoso en tablas largas */ } table.grid td { padding: 10px 16px; border-top: 1px solid var(--gris-borde); font-size: 13.5px; } table.grid tr:nth-child(even) td { background: #faf9f5; } /* Resaltado de la fila bajo el cursor (para no confundirse entre filas). */ table.grid tr:hover td { background: #e4efe7; } /* Columna de códigos de barra: letra más chica y compacta, para no apretar el resto. */ table.grid td.cod-bcb { font-size: 11px; line-height: 1.55; color: #4a5568; font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace; white-space: nowrap; } /* Columnas angostas al mínimo de su contenido (liberan ancho para las demás). */ table.grid th.col-min, table.grid td.col-min { width: 1%; white-space: nowrap; padding-left: 10px !important; } /* Contenedor con alto máximo para tablas largas: hace que el encabezado se quede fijo arriba al desplazar. */ .tabla-scroll--alto { max-height: 72vh; overflow-y: auto; } /* Números: alineados a la derecha, monoespaciados para que las columnas cuadren, sin cortar y con algo de aire entre columnas. */ .num { text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; padding-left: 22px !important; } table.grid th.num { padding-left: 22px; } /* Badges de estado */ .badge { display: inline-block; padding: 2px 9px; border-radius: 20px; font-size: 11.5px; font-weight: 600; } .b-borrador, .b-disponible { background: #e7ede0; color: #566b57; } .b-asignado, .b-solicitada { background: #d9e6ea; color: #124559; } .b-fundida { background: var(--sage); color: #123a2a; } .b-anticipo_pagado { background: #cfe0d3; color: #2c5a4a; } .b-liquidado, .b-liquidada { background: #efe3cf; color: #7a5a1f; } /* café (igual que "Vendido") — venta cerrada */ .b-vendido { background: #efe3cf; color: #7a5a1f; } .b-en_cola { background: #ece7de; color: #6b5f45; } .b-en_revision { background: #e6ddf0; color: #5b3f7a; } .b-validado { background: #e4f4ea; color: var(--ok); } /* Cuadro de fundición / barras */ table.barras { width: 100%; border-collapse: collapse; margin-top: 8px; } table.barras th, table.barras td { border: 1px solid var(--gris-borde); padding: 6px 8px; font-size: 13px; } table.barras th { background: var(--gris); color: var(--azul); } table.barras input { width: 100%; padding: 6px; } .pasos { display: flex; gap: 8px; flex-wrap: wrap; margin: 6px 0 18px; } .paso { display: flex; align-items: center; gap: 6px; font-size: 12.5px; padding: 6px 12px; border-radius: 20px; background: #fff; border: 1px solid var(--gris-borde); color: #7a8794; } .paso.on { background: var(--azul); color: #fff; border-color: var(--azul); } .paso.done { background: #e4f4ea; color: var(--ok); border-color: #b6e0c4; } .badge-notif { background: var(--error); color: #fff; border-radius: 20px; padding: 0 7px; font-size: 11px; font-weight: 700; } /* Campana de notificaciones en la barra superior */ .campana { position: relative; display: inline-flex; align-items: center; color: var(--azul); font-size: 22px; line-height: 1; padding: 2px; } .campana:hover { color: var(--oro-oscuro); text-decoration: none; } .campana-num { position: absolute; top: -6px; right: -7px; padding: 0 5px; min-width: 16px; text-align: center; box-shadow: 0 0 0 2px #fff; } .btn-icono { background: none; border: none; color: var(--error); cursor: pointer; font-size: 15px; padding: 2px 5px; } .btn-icono:hover { color: #7a1c1c; } .btn-enlace { background: none; border: none; color: var(--oro-oscuro); cursor: pointer; font: inherit; padding: 0; } .btn-enlace:hover { text-decoration: underline; } /* Documentos del BCB por barra — estilo minimalista */ .docs-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(290px, 1fr)); gap: 16px; } .doc-barra { border: 1px solid var(--gris-borde); border-radius: 14px; padding: 16px 18px; background: #fff; box-shadow: 0 1px 6px rgba(40,34,20,.05); } .doc-barra-hd { font-weight: 700; color: var(--azul); font-size: 14px; margin-bottom: 14px; padding-bottom: 10px; border-bottom: 1px solid var(--gris); display: flex; align-items: center; gap: 7px; } .doc-barra-hd .ph { color: var(--oro); } .doc-barra-hd .hint { margin-left: auto; font-weight: 400; font-size: 11px; } .doc-slot { margin-bottom: 14px; } .doc-slot:last-child { margin-bottom: 0; } .doc-slot-label { font-size: 10.5px; text-transform: uppercase; letter-spacing: .05em; color: #8a8674; margin-bottom: 6px; font-weight: 700; } .doc-chip { display: inline-flex; align-items: center; gap: 4px; background: var(--oro-suave); border: 1px solid var(--sage); border-radius: 20px; padding: 0 6px 0 12px; min-height: 32px; max-width: 100%; } .doc-chip a { color: var(--azul); text-decoration: none; display: inline-flex; align-items: center; gap: 6px; font-size: 12.5px; max-width: 170px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .doc-chip a:hover { text-decoration: underline; } .doc-chip .ph-file-pdf { color: #b02a2a; flex: none; } .doc-x { background: none; border: none; color: #9a9080; cursor: pointer; padding: 3px 4px; display: inline-flex; border-radius: 50%; line-height: 1; } .doc-x:hover { color: var(--error); background: rgba(176,42,42,.1); } .doc-input { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; } .doc-add { display: inline-flex; align-items: center; gap: 6px; cursor: pointer; font-size: 12.5px; color: var(--oro-oscuro); border: 1px dashed var(--gris-borde); border-radius: 20px; padding: 0 15px; min-height: 32px; transition: all .12s; } .doc-add:hover { border-color: var(--oro); background: var(--oro-suave); border-style: solid; } .doc-vacio { font-size: 12px; color: #b3aa98; display: inline-flex; align-items: center; min-height: 32px; } /* Recuadro de cotizaciones BCB */ .cotiz { display: flex; gap: 14px; flex-wrap: wrap; align-items: stretch; margin-bottom: 18px; } .cotiz .caja { background: #fff; border: 1px solid var(--gris-borde); border-left: 4px solid var(--oro); border-radius: 14px; padding: 14px 18px; min-width: 210px; box-shadow: 0 2px 10px rgba(40,34,20,.05); } .cotiz .caja .et { font-size: 12px; color: #6a7787; } .cotiz .caja .v { font-size: 22px; font-weight: 800; color: var(--azul); } .cotiz .caja .f { font-size: 11px; color: #8894a2; } .cotiz .refrescar { align-self: center; font-size: 12px; } /* Notificaciones */ .noti { padding: 12px 15px; border-radius: 8px; margin-bottom: 10px; font-size: 14px; border: 1px solid; } .noti.aviso { background: var(--oro-suave); border-color: var(--sage); color: #3a5340; } .noti.error { background: #fbe6e6; border-color: #eebcbc; color: var(--error); } .noti.info { background: #eef3f7; border-color: #cfe0ea; color: #274b60; } /* Bandeja de notificaciones (tipo celular) */ .bandeja { display: flex; flex-direction: column; gap: 8px; } .noti-item { display: flex; align-items: flex-start; gap: 12px; position: relative; background: #fff; border: 1px solid var(--gris-borde); border-left: 4px solid var(--medio); border-radius: 12px; padding: 13px 16px; box-shadow: 0 1px 4px rgba(40,34,20,.05); } .noti-item .ic { font-size: 20px; color: var(--medio); flex: none; margin-top: 1px; } .noti-item .cuerpo { flex: 1; min-width: 0; } .noti-item .cuerpo a { color: var(--azul); font-weight: 600; } .noti-item .cuerpo a:hover { text-decoration: underline; } .noti-item .cuando { font-size: 11.5px; color: #8b9188; margin-top: 3px; } .noti-item.nivel-error { border-left-color: var(--error); } .noti-item.nivel-error .ic { color: var(--error); } .noti-item.nivel-aviso { border-left-color: var(--oro); } .noti-item.nivel-aviso .ic { color: var(--oro-oscuro); } .noti-item.no-leida { background: #f3f8f4; box-shadow: 0 1px 6px rgba(40,34,20,.09); } .noti-item .punto { position: absolute; top: 14px; right: 14px; width: 9px; height: 9px; border-radius: 50%; background: var(--error); } .chk-modulos { display: grid; grid-template-columns: repeat(2, 1fr); gap: 6px 16px; } .chk-modulos label { font-weight: normal; display: flex; gap: 7px; align-items: center; } /* Barra de progreso del oro fino (CEO) */ .barra-oro { background: var(--gris); border: 1px solid var(--gris-borde); border-radius: 10px; height: 30px; overflow: hidden; display: flex; margin: 10px 0; } .barra-oro .usado { background: var(--oscuro); color: #fff; } .barra-oro .libre { background: linear-gradient(90deg, var(--sage), var(--medio)); color: #10222b; } .barra-oro span { display: flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 700; white-space: nowrap; overflow: hidden; min-width: 0; } .leyenda { display: flex; gap: 18px; font-size: 12.5px; margin-bottom: 6px; } .leyenda .p { display: inline-flex; align-items: center; gap: 6px; } .leyenda .cuad { width: 13px; height: 13px; border-radius: 3px; display: inline-block; } .cuad.usado { background: var(--oscuro); } .cuad.libre { background: var(--sage); } /* Formularios */ form.panel, .panel { background: #fff; border: 1px solid var(--gris-borde); border-radius: 14px; padding: 22px 24px; box-shadow: 0 2px 10px rgba(40,34,20,.05); } .grid-form { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px 20px; } .field { display: flex; flex-direction: column; gap: 5px; } .field.full { grid-column: 1 / -1; } label { font-size: 13px; color: #46525f; font-weight: 600; } input, select, textarea { padding: 9px 11px; border: 1px solid var(--gris-borde); border-radius: 7px; font-size: 14px; font-family: inherit; background: #fff; } input:focus, select:focus, textarea:focus { outline: 2px solid var(--oro); border-color: var(--oro); } .hint { font-size: 11.5px; color: #8894a2; } /* Botones */ .btn { display: inline-block; background: var(--azul); color: #fff; border: none; padding: 10px 18px; border-radius: 8px; font-size: 14px; font-weight: 600; cursor: pointer; } .btn:hover { background: var(--azul-claro); text-decoration: none; } .btn-oro { background: var(--sage); color: var(--oscuro); } .btn-oro:hover { filter: brightness(1.04); } .btn-ghost { background: #fff; color: var(--azul); border: 1px solid var(--gris-borde); } .btn-peligro { background: var(--error); } .acciones { display: flex; gap: 10px; margin-top: 20px; flex-wrap: wrap; } /* Resultado calculadora en vivo */ .resultado { background: var(--oro-suave); border: 1px solid var(--sage); border-radius: 14px; padding: 16px 18px; margin-top: 6px; } .resultado .linea { display: flex; justify-content: space-between; padding: 4px 0; border-bottom: 1px dashed #e0d3a6; font-size: 13.5px; } .resultado .linea:last-child { border-bottom: none; } .resultado .total { font-size: 17px; font-weight: 700; color: var(--azul); } .resultado .destaca { font-weight: 700; } /* Login */ .login-wrap { max-width: 380px; margin: 8vh auto; } .login-card { background: #fff; border-radius: 14px; padding: 32px; border: 1px solid var(--gris-borde); box-shadow: 0 10px 40px rgba(26,58,92,.12); } .login-logo { text-align: center; color: var(--oro); font-size: 44px; } .login-card h1 { text-align: center; } .login-card .field { margin-bottom: 14px; } .dl { display: grid; grid-template-columns: max-content 1fr; gap: 8px 22px; font-size: 14px; } .dl dt { color: #6a7787; font-weight: 600; } .dl dd { margin: 0; } .toolbar { display: flex; justify-content: space-between; align-items: center; margin-bottom: 14px; gap: 12px; flex-wrap: wrap; } /* Intro / splash de entrada (tipo app) */ #intro { position: fixed; inset: 0; z-index: 10000; display: flex; align-items: center; justify-content: center; cursor: pointer; background: radial-gradient(120% 120% at 50% 40%, #ffffff 0%, var(--crema) 55%, #eef2ea 100%); } #intro .intro-wrap { text-align: center; opacity: 0; } #intro.play .intro-wrap { animation: introIn 1s cubic-bezier(.2,.75,.2,1) forwards; } #intro .intro-logo { position: relative; display: inline-block; overflow: hidden; } #intro .intro-logo img { display: block; width: min(72vw, 360px); height: auto; } #intro .intro-shine { position: absolute; top: 0; left: -70%; width: 45%; height: 100%; transform: skewX(-20deg); background: linear-gradient(100deg, transparent, rgba(255,255,255,.85), transparent); } #intro.play .intro-shine { animation: introShine 1.1s .65s ease-in-out; } #intro .intro-linea { height: 2px; width: 0; margin: 20px auto 0; background: linear-gradient(90deg, transparent, var(--oro-oscuro), transparent); } #intro.play .intro-linea { animation: introLinea .9s .45s cubic-bezier(.2,.75,.2,1) forwards; } #intro .intro-txt { margin-top: 16px; font-size: 13px; letter-spacing: .18em; text-transform: uppercase; color: var(--medio); opacity: 0; } #intro.play .intro-txt { animation: introTxt .6s 1.1s forwards; } #intro.salir { animation: introOut .6s ease forwards; } @keyframes introIn { from { opacity: 0; transform: translateY(12px) scale(.97); } to { opacity: 1; transform: none; } } @keyframes introShine { from { left: -70%; } to { left: 130%; } } @keyframes introLinea { to { width: 220px; } } @keyframes introTxt { to { opacity: 1; } } @keyframes introOut { to { opacity: 0; visibility: hidden; } } @media (prefers-reduced-motion: reduce) { #intro.play .intro-wrap, #intro.play .intro-shine, #intro.play .intro-linea, #intro.play .intro-txt { animation-duration: .01ms; } } /* Documentos adjuntos al CEO en la tabla */ .ceo-docs { min-width: 190px; } .ceo-docs .doc-slot { margin-bottom: 8px; } .ceo-docs .doc-slot:last-child { margin-bottom: 0; } /* ================= Responsive / móvil ================= */ /* Contenedor que permite deslizar tablas anchas sin romper la página */ .tabla-scroll { overflow-x: auto; -webkit-overflow-scrolling: touch; max-width: 100%; } /* Tabletas y teléfonos */ @media (max-width: 760px) { .content { margin: 16px auto; padding: 0 12px; } h1 { font-size: 20px; } h2 { font-size: 16px; margin: 18px 0 8px; } /* Topbar compacta: logo + usuario en una fila, cotizaciones debajo */ .topbar { gap: 8px 12px; padding: 8px 12px; } .brand .logo-img { height: 36px; } .tickers { order: 3; width: 100%; gap: 8px; } .ticker { flex: 1; padding: 4px 9px; } .userbox { gap: 8px; font-size: 12.5px; } .userbox em { display: none; } /* ocultar el rol para ahorrar espacio */ .btn-salir { padding: 7px 12px; } /* Menú: una sola fila deslizable en lugar de apilarse en varias */ .mainnav { flex-wrap: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; gap: 2px; padding: 6px 10px; scrollbar-width: none; } .mainnav::-webkit-scrollbar { display: none; } .mainnav a { white-space: nowrap; padding: 10px 12px; } /* Las tablas viven dentro de su marco deslizable */ .tabla-scroll { border: 1px solid var(--gris-borde); border-radius: 10px; } .tabla-scroll table.grid { border: none; border-radius: 0; } /* Formularios a una sola columna */ .grid-form { grid-template-columns: 1fr; } .chk-modulos { grid-template-columns: 1fr; } form.panel, .panel { padding: 16px; } /* 16px evita el zoom automático de iOS al enfocar un campo */ input, select, textarea { font-size: 16px; } /* Botones y acciones cómodos al tacto */ .btn { padding: 12px 18px; } .acciones { flex-direction: column; } .acciones .btn { width: 100%; text-align: center; } /* Encabezados de sección apilados */ .toolbar { flex-direction: column; align-items: stretch; } .toolbar .btn { width: 100%; text-align: center; } /* Cotizaciones y documentos a una columna */ .cotiz .caja { flex: 1; min-width: 0; } .docs-grid { grid-template-columns: 1fr; } /* Login */ .login-wrap { margin: 5vh auto; } .login-card { padding: 24px 20px; } } /* Teléfonos angostos */ @media (max-width: 430px) { .ticker .v { font-size: 14px; } .ticker .et { font-size: 9px; } .card .valor { font-size: 24px; } .leyenda { flex-wrap: wrap; gap: 8px 14px; } } /* Detalle de venta: barra de pasos fija (índice) y acento por segmento */ .pasos { position: sticky; top: 0; z-index: 30; background: var(--crema); padding: 10px 0 8px; margin: 2px 0 16px; } a.paso { text-decoration: none; } a.paso:hover { border-color: var(--medio); background: #fff; color: var(--azul); text-decoration: none; } .seg { scroll-margin-top: 66px; } /* que el ancla no quede bajo la barra fija */ .seg.done { border-left: 4px solid var(--ok); } .seg.pend { border-left: 4px solid var(--gris-borde); } /* ------------------------------------------------------------ BUSCADOR */ /* Caja compacta en la barra superior */ .buscar-mini { display: flex; align-items: center; gap: 6px; background: #fff; border: 1px solid var(--gris-borde); border-radius: 20px; padding: 4px 12px; margin-right: 6px; } .buscar-mini i { color: var(--medio); font-size: 15px; } .buscar-mini input { border: none; outline: none; background: transparent; font-size: 13px; width: 190px; color: var(--azul); } .buscar-mini input::placeholder { color: #9aa5ad; } .buscar-mini:focus-within { border-color: var(--medio); box-shadow: 0 0 0 3px rgba(18,69,89,.08); } @media (max-width: 900px) { .buscar-mini input { width: 120px; } } /* Caja grande en la página de resultados */ .buscar-form { display: flex; align-items: center; gap: 10px; background: #fff; border: 1px solid var(--gris-borde); border-radius: 12px; padding: 10px 14px; margin: 6px 0 4px; } .buscar-form i { color: var(--medio); font-size: 20px; } .buscar-form input { flex: 1; border: none; outline: none; background: transparent; font-size: 15px; color: var(--azul); } .buscar-form:focus-within { border-color: var(--medio); box-shadow: 0 0 0 3px rgba(18,69,89,.08); } /* ------------------------------------------------------ CEO: estados y columnas */ /* Códigos y referencias del CEO: nunca se cortan ni saltan de línea. */ table.grid th.nowrap, table.grid td.nowrap { white-space: nowrap; } /* Badges de estado del CEO */ .b-vigente { background: #e4f4ea; color: var(--ok); } .b-vencido { background: #fbe6e6; color: var(--error); } .b-utilizado { background: #d9e6ea; color: #124559; } /* ============ Módulo Exportaciones (AUData) — clases propias ============ */ /* Solo clases que AURUM no define; el resto (grid, btn, card, panel, field, badge, flash-ok/error, num, toolbar…) se reutiliza del sistema principal. */ .btn-chico { padding: 6px 12px; font-size: 12.5px; border-radius: 6px; } .acciones.sin-margen { margin-top: 0; } table.grid tfoot td { background: var(--oro-suave); font-weight: 700; border-top: 2px solid var(--medio); } table.grid tfoot tr:hover td { background: var(--oro-suave); } tr.clic { cursor: pointer; } .b-emitida { background: #e4f4ea; color: var(--ok); } .b-inactiva { background: #ece7de; color: #6b5f45; } .b-boa { background: #d9e6ea; color: #124559; } .panel--tabla { padding: 22px 24px 6px; } /* minmax(0,1fr) + min-width:0 evitan que un