/* =====================================================================
   SERVICUR — tema de la app de licitaciones
   Basado en servicur.cl: negro, blanco y dorado (#E8B004); títulos en
   Roboto muy gruesa y textos en Cairo; botones rectos.
   Este archivo se carga DESPUÉS del diseño base: todo lo que se define
   acá manda. Para cambiar un color, cámbialo en :root.
   ===================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700;900&family=Cairo:wght@400;500;600;700&display=swap');

:root{
  --paper:#F3F3F1;          /* fondo general, gris muy claro */
  --paper-dim:#EAEAE7;      /* zonas suaves */
  --panel:#FFFFFF;
  --ink:#212529;            /* texto principal (el de servicur.cl) */
  --ink-soft:#5E5A5A;
  --ink-faint:#8C8888;
  --line:#DDDDDA;
  --line-soft:#EDEDEA;
  --warn:#E8B004;

  /* El "azul" de la app pasa a ser negro/dorado */
  --blue:#1A1A1A;           /* acento principal (texto/enlaces) */
  --blue-deep:#000000;
  --blue-light:#E8B004;     /* dorado Servicur */
  --amber:#E8B004;
  --amber-bg:#FFF6D6;
  --vista-aqua-1:#F5C531;
  --vista-aqua-2:#E8B004;
  --vista-aqua-3:#C99700;
  --cyan-glow:rgba(232,176,4,0.35);

  --sidebar:#0B0B0B;        /* barra lateral negra */
  --sidebar-line:#262626;
  --sidebar-ink:#F2F2F2;
  --sidebar-ink-dim:#9A9A9A;

  --oro:#E8B004;
  --oro-oscuro:#C99700;
}

body{
  background:#F3F3F1 !important;
  font-family:'Cairo','Inter',sans-serif;
}
h1,h2,h3{font-family:'Roboto',sans-serif !important; font-weight:900 !important; letter-spacing:-0.01em;}
::selection{background:rgba(232,176,4,0.35);}

/* ---------- Barra lateral ---------- */
.sidebar{background:#0B0B0B; border-right:3px solid var(--oro);}
/* La barra lateral puede bajar (scroll) si la pantalla es baja: así siempre
   se llega al usuario y a "Cerrar sesión". Cairo es una letra más alta que
   la original, por eso se compactan logo y botones. */
.sidebar{overflow-y:auto; overflow-x:hidden;}
.sidebar > *{flex-shrink:0;}
.sidebar-header{padding:14px 16px 10px; text-align:center;}
.servicur-logo{width:110px !important; margin:0 auto 6px !important;}
.sidebar-header .eyebrow{font-size:10px; margin-bottom:2px;}
.nav-secciones{padding:8px 10px; gap:1px;}
.nav-seccion-btn{padding:6px 10px !important; line-height:1.25; font-size:13.5px;}
.sidebar-limpieza{padding:0 14px 10px;}
.btn-limpieza{padding:6px 10px;}
.usuario-info{padding:10px 14px;}
.sidebar-header .eyebrow{color:var(--oro); font-family:'Cairo',sans-serif; letter-spacing:0.18em;}
.sidebar-header h1{font-size:13px !important; font-weight:500 !important; color:#cfcfcf; letter-spacing:0.12em; text-transform:uppercase;}
.servicur-logo{display:block; max-width:80%;}
.nav-seccion-btn{font-family:'Cairo',sans-serif; font-weight:600;}
.nav-seccion-btn:hover{background:rgba(232,176,4,0.10); color:#fff;}
.nav-seccion-btn.activo{
  background:var(--oro) !important; color:#111 !important;
  border:1px solid var(--oro) !important; box-shadow:none !important; text-shadow:none !important;
  border-radius:2px;
}
.badge-master{background:var(--oro); color:#111;}

/* ---------- Botones: rectos, como en servicur.cl ---------- */
.btn-enviar, .btn-primario, .btn-nuevo{
  background:var(--oro) !important; color:#111 !important;
  border:1px solid var(--oro) !important; border-radius:2px !important;
  font-family:'Cairo',sans-serif; font-weight:700; box-shadow:none !important;
}
.btn-enviar:hover, .btn-primario:hover, .btn-nuevo:hover{background:var(--oro-oscuro) !important; border-color:var(--oro-oscuro) !important;}
.btn-secundario{
  border-radius:2px !important; border:1px solid #1A1A1A !important; color:#1A1A1A !important;
  font-family:'Cairo',sans-serif; font-weight:600;
}
.btn-secundario:hover{background:#1A1A1A !important; color:#fff !important;}

/* Pestañas y chips activos */
.aud-pest.activo, .ca-subnav-btn.activo{
  background:#111 !important; color:var(--oro) !important; border-color:#111 !important;
}

/* Tablas: cabecera negra con línea dorada */
.auditor-tabla thead th{background:#111 !important; color:#f2f2f2 !important; border-bottom:2px solid var(--oro) !important;}
.auditor-tabla tbody tr:hover{background:#FFF9E6 !important;}

/* Enlaces */
a{color:#1A1A1A;}
a:hover{color:var(--oro-oscuro);}
.lic-ver{color:#1A1A1A !important; border-bottom:1px solid var(--oro);}

/* Inputs: foco dorado */
input:focus, select:focus, textarea:focus{outline:none; border-color:var(--oro) !important; box-shadow:0 0 0 3px rgba(232,176,4,0.25) !important;}

/* Barra de desplazamiento */
::-webkit-scrollbar-thumb{background:#c9c9c6;}
.sidebar ::-webkit-scrollbar-thumb{background:#333;}