body {
      background-color: #f8f9fa;
    }

    .navbar-custom {
      background-color: #001e42;
    }

    .navbar-custom .navbar-brand,
    .navbar-custom .nav-link {
      color: white !important;
    }

    .navbar-custom .nav-link:hover {
      text-decoration: underline;
    }

    .navbar-logo {
      height: 35px;
      margin-right: 10px;
    }

    .btn-e2go {
      background-color: #8CBF52;
      color: white;
      font-weight: 500;
      border: none;
      transition: background-color 0.2s ease;
    }

    .btn-e2go:hover {
      background-color: #79a849;
      color: white;
    }

    .btn-outline-e2go {
      border: 1px solid #8CBF52;
      color: #8CBF52;
      background-color: white;
    }

    .btn-outline-e2go:hover {
      background-color: #8CBF52;
      color: white;
    }

    .icono-btn {
      margin-right: 6px;
    }

    .card-e2go {
      border: 1px solid #8CBF52;
      border-radius: 10px;
      background-color: #ffffff;
      box-shadow: 0 2px 6px rgba(0, 30, 66, 0.1);
    }

    .card-e2go .card-header {
      background-color: #001E42;
      color: white;
      font-weight: bold;
      border-bottom: 1px solid #8CBF52;
    }

    .card-e2go .card-body {
      padding: 1.5rem;
    }

    .estado-pendiente td {
      background-color: rgb(255, 226, 130) !important;
    }

    .estado-cotizado td {
      background-color: rgb(130, 184, 255) !important;
    }

    .estado-reparando td {
      background-color: rgb(255, 134, 134) !important;
    }

    .estado-enviado td {
      background-color: rgb(255, 255, 255) !important;
    }

    .estado-entregado td {
      background-color: rgb(109, 255, 109) !important;
    }

    .table-hover tbody tr.estado-pendiente:hover td,
    .table-hover tbody tr.estado-cotizado:hover td,
    .table-hover tbody tr.estado-reparando:hover td,
    .table-hover tbody tr.estado-enviado:hover td,
    .table-hover tbody tr.estado-entregado:hover td {
      background-color: inherit !important;
    }

    .gallery { display:flex; flex-direction:column; gap:8px; }
    .gallery-viewport { position:relative; width:100%; aspect-ratio:16/9; background:#f6f6f6; overflow:hidden; border-radius:12px; }
    .gallery-slide { position:absolute; inset:0; width:100%; height:100%; object-fit:contain; display:none; cursor:zoom-in; }
    .gallery-slide.active { display:block; }
    .gallery .nav { position:absolute; top:50%; transform:translateY(-50%); background:rgba(0,0,0,.5); color:#fff; border:0; padding:.5rem .7rem; border-radius:999px; cursor:pointer; }
    .gallery .nav.prev { left:8px; }
    .gallery .nav.next { right:8px; }
    .thumbnails { display:flex; gap:6px; overflow-x:auto; padding-bottom:4px; }
    .thumbnails .thumb { width:64px; height:64px; object-fit:cover; border-radius:8px; opacity:.7; cursor:pointer; flex:0 0 auto; }
    .thumbnails .thumb.active { outline:2px solid #0d6efd; opacity:1; }

    @media (max-width:640px) {
      .gallery-viewport { aspect-ratio:4/3; }
      .thumbnails .thumb { width:48px; height:48px; }
    }

    .fs-overlay { position:fixed; inset:0; background:rgba(0,0,0,.9); display:none; align-items:center; justify-content:center; z-index:9999; }
    .fs-overlay.open { display:flex; }
    .fs-overlay img { max-width:95vw; max-height:95vh; object-fit:contain; }
    .fs-overlay .close { position:absolute; top:12px; right:12px; background:rgba(0,0,0,.6); color:#fff; border:0; border-radius:999px; padding:.4rem .6rem; cursor:pointer; }