/* Estilo Oil & Gas con toques modernos */
:root{
  --oil-primary: #0a4d7a; /* azul petróleo */
  --oil-accent: #f59e0b;  /* ámbar */
  --oil-dark:   #0b1320;
}
.bg-primary { background-color: var(--oil-primary) !important; }
.navbar-dark .navbar-brand, .navbar-dark .nav-link { color: #fff; }

.oilgas-bg {
  background: radial-gradient(1000px 400px at 20% 10%, rgba(245,158,11,.12), transparent 60%),
              linear-gradient(135deg, #0b1320 0%, #0a1a2b 100%);
}
.logo-flare{
  font-weight: 800;
  font-size: 2.25rem;
  letter-spacing: .1em;
  background: linear-gradient(90deg, #fff, #f8d7a0 40%, #fff);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  text-shadow: 0 0 20px rgba(245,158,11,.25);
}

.oil-hero{
  background: url('data:image/svg+xml;utf8,\
  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1600 400">\
    <defs>\
      <linearGradient id="g" x1="0" x2="1" y1="0" y2="1">\
        <stop offset="0%" stop-color="%230a4d7a"/>\
        <stop offset="100%" stop-color="%230b1320"/>\
      </linearGradient>\
    </defs>\
    <rect width="1600" height="400" fill="url(%23g)"/>\
    <circle cx="200" cy="100" r="200" fill="rgba(245,158,11,.15)"/>\
    <circle cx="1400" cy="120" r="180" fill="rgba(245,158,11,.12)"/>\
    <rect x="100" y="260" width="1400" height="60" fill="rgba(255,255,255,.05)"/>\
    <rect x="200" y="230" width="150" height="90" fill="rgba(255,255,255,.12)"/>\
    <rect x="400" y="220" width="160" height="100" fill="rgba(255,255,255,.08)"/>\
    <rect x="600" y="235" width="120" height="85"  fill="rgba(255,255,255,.10)"/>\
    <rect x="760" y="225" width="170" height="95" fill="rgba(255,255,255,.07)"/>\
    <rect x="960" y="240" width="150" height="80" fill="rgba(255,255,255,.12)"/>\
    <rect x="1140" y="230" width="180" height="90" fill="rgba(255,255,255,.09)"/>\
  </svg>') no-repeat center/cover;
}

.card{
  border-radius: 1rem;
}

/* Solo la grilla de Centros de Costos */
.table-centro-costo td {
  white-space: normal;      /* permite salto de línea */
  word-break: break-word;   /* corta palabras largas si es necesario */
}