/* ========================================================================
   KUALLY - Base CSS Clean Architecture
   Sistema CSS limpio con prefijo "adit-" para estructura
   ======================================================================== */

/* ===== RESET Y BASE ===== */
html, body {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  overflow-x: hidden;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif;
}

*, *::before, *::after {
  box-sizing: border-box;
}

/* ===== VARIABLES CSS ===== */
:root {
  /* Colores principales del gradiente KUALLY */
  --adit-primary-1: #2F2D38;
  --adit-primary-2: #373A46;
  --adit-primary-3: #3351A6;
  --adit-primary-4: #3351A6;
  --adit-primary-5: #1F77FA;
  
  /* Gradiente principal */
  --adit-gradient-main: linear-gradient(135deg, 
    var(--adit-primary-1) 0%, 
    var(--adit-primary-2) 25%, 
    var(--adit-primary-3) 50%, 
    var(--adit-primary-4) 75%, 
    var(--adit-primary-5) 100%);
  
  /* Colores complementarios */
  --adit-white: #ffffff;
  --adit-text-light: rgba(255, 255, 255, 0.9);
  --adit-text-muted: rgba(255, 255, 255, 0.7);
  --adit-overlay: rgba(0, 0, 0, 0.3);
  
  /* Espaciado */
  --adit-spacing-xs: 0.25rem;
  --adit-spacing-sm: 0.5rem;
  --adit-spacing-md: 1rem;
  --adit-spacing-lg: 1.5rem;
  --adit-spacing-xl: 2rem;
  
  /* Tamaños */
  --adit-navbar-height: 60px;
  --adit-border-radius: 6px;
  
  /* Z-index layers */
  --adit-z-navbar: 1050;
  --adit-z-dropdown: 1060;
  --adit-z-modal: 1070;
}

/* ===== UTILIDADES BÁSICAS ===== */
.adit-container {
  width: 100%;
  max-width: 100vw;
  margin: 0 auto;
  padding: 0 var(--adit-spacing-md);
}

.adit-flex {
  display: flex;
}

.adit-flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}

.adit-flex-between {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.adit-hidden {
  display: none !important;
}

.adit-visible {
  display: block !important;
}

/* ===== ESTILOS MOVIDOS DE INLINE ===== */
.adit-logo {
  height: 32px;
  width: auto;
  margin-top: -7px;
}

.adit-main-content {
  margin-top: calc(var(--adit-navbar-height) + 20px);
  padding: var(--adit-spacing-md);
}

.adit-footer-section {
  margin-top: 50px;
}

.adit-navbar-brand-text {
  color: var(--adit-white);
  font-weight: bold;
}

/* ===== RESPONSIVE HELPERS ===== */
@media (max-width: 768px) {
  .adit-container {
    padding: 0 var(--adit-spacing-sm);
  }
  
  .adit-main-content {
    margin-top: calc(var(--adit-navbar-height) + 10px);
    padding: var(--adit-spacing-sm);
  }
}

@media (max-width: 576px) {
  .adit-hidden-xs {
    display: none !important;
  }
}



/* ===== ESTILOS PARA PAGINACIÓN MODERNA ===== */
.pagination-info {
    margin-bottom: 0;
}

.pagination-info p {
    margin: 0;
    padding: 10px 0;
    font-size: 14px;
}

.pagination-info i {
    color: #3351A6;
    margin-right: 5px;
}

/* Controles de paginación */
.pagination-controls {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.pagination-adit {
    margin: 0;
    display: flex;
    list-style: none;
    gap: 8px; /* Espaciado entre elementos */
    align-items: center;
    flex-wrap: wrap; /* Permite que se envuelvan en móviles */
}

.pagination-adit li {
    margin: 0;
}

.pagination-adit li a,
.pagination-adit li span {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    border: 2px solid rgba(107, 15, 42, 0.15);
    border-radius: 8px;
    background: white;
    color: #3351A6;
    font-weight: 500;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    font-size: 14px;
    min-width: 44px; /* Tamaño mínimo para accesibilidad */
    text-align: center;
    box-shadow: 0 2px 4px rgba(107, 15, 42, 0.08);
}

/* Remover el selector de último hijo ya que no necesitamos bordes conectados */

.pagination-adit li a:hover {
    background: linear-gradient(135deg, rgba(107, 15, 42, 0.1) 0%, rgba(139, 21, 56, 0.15) 100%);
    border-color: rgba(107, 15, 42, 0.3);
    color: #3351A6;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(107, 15, 42, 0.2);
    text-decoration: none;
}

.pagination-adit li.current span,
.pagination-adit em.current {
  background: linear-gradient(135deg, #3351A6 0%, #3351A6 100%);
  color: white;
  font-weight: 700;
  font-style: normal;
  border-color: #3351A6;
  box-shadow: 0 4px 16px rgba(107, 15, 42, 0.4),
        inset 0 1px 2px rgba(255, 255, 255, 0.2);
  transform: translateY(-2px);
  position: relative;
  font-size: 15px;
  letter-spacing: 0.02em;
  transition: all 0.3s ease;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  padding: 5px;
}

/* Efecto sutil de brillo interno */
.pagination-adit li.current span::before,
.pagination-adit em.current::before {
    content: '';
    position: absolute;
    top: 1px;
    left: 1px;
    right: 1px;
    bottom: 50%;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.2) 0%, transparent 100%);
    border-radius: 6px 6px 0 0;
    pointer-events: none;
}

.pagination-adit li.disabled span {
    background: #f8f9fa;
    color: #adb5bd;
    cursor: not-allowed;
    border-color: #e9ecef;
    box-shadow: none;
}

.pagination-adit li.previous a,
.pagination-adit li.next a {
    font-weight: 600;
    padding: 12px 20px; /* Más espacio para los botones anterior/siguiente */
    background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);
    border-color: rgba(107, 15, 42, 0.2);
}

.pagination-adit li.previous a:hover,
.pagination-adit li.next a:hover {
    background: linear-gradient(135deg, #3351A6 0%, #3351A6 100%);
    color: white;
    border-color: #3351A6;
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(107, 15, 42, 0.25);
}

.pagination-adit li.previous a.disabled,
.pagination-adit li.next a.disabled {
    background: #f8f9fa;
    color: #adb5bd;
    cursor: not-allowed;
    border-color: #e9ecef;
}

.pagination-adit li.previous a i,
.pagination-adit li.next a i {
    font-size: 12px;
    margin: 0 4px;
}

/* Efecto especial para el gap (puntos suspensivos) */
.pagination-adit .gap {
    display: block;
    padding: 12px 16px;
    color: #3351A6;
    font-weight: bold;
    background: transparent;
    border: 2px solid transparent;
    border-radius: 8px;
    box-shadow: none;
    cursor: default;
    font-size: 16px;
    text-align: center;
    min-width: 44px;
    text-decoration: none;
}

/* Agregar los puntos suspensivos con CSS */
.pagination-adit .gap::before {
    content: "...";
    color: #3351A6;
    font-weight: bold;
    font-size: 16px;
}

.pagination-adit .gap:hover {
    background: transparent;
    transform: none;
    box-shadow: none;
    border-color: transparent;
}

/* Responsive para paginación */
@media (max-width: 768px) {
    .pagination-info,
    .pagination-controls {
        text-align: center;
        margin-bottom: 10px;
    }
    
    .pagination-controls {
        justify-content: center;
    }
    
    .pagination-adit {
        gap: 6px; /* Menor espaciado en móviles */
        justify-content: center;
    }
    
    .pagination-adit li a,
    .pagination-adit li span {
        padding: 10px 12px;
        font-size: 13px;
        min-width: 38px;
    }
    
    .pagination-adit li.previous a,
    .pagination-adit li.next a {
        padding: 10px 16px;
    }
    
    /* Ocultar algunos números en móviles para ahorrar espacio */
    .pagination-adit li:not(.previous):not(.next):not(.current):not(.gap):nth-child(n+6) {
        display: none;
    }
}

@media (max-width: 480px) {
    .pagination-adit {
        gap: 4px;
    }
    
    .pagination-adit li a,
    .pagination-adit li span {
        padding: 8px 10px;
        font-size: 12px;
        min-width: 32px;
    }
    
    .pagination-adit li.previous a,
    .pagination-adit li.next a {
        padding: 8px 12px;
    }
    
    /* En pantallas muy pequeñas, mostrar solo botones esenciales */
    .pagination-adit li:not(.previous):not(.next):not(.current):not(.gap):nth-child(n+4) {
        display: none;
    }
}
/* ============================================================
   ADIT GLOBAL THEME - Estilos Unificados para toda la Aplicación
   Basado en el diseño del sidebar, topbar, toolbar y footer
   ============================================================ */

/* ===== VARIABLES GLOBALES ===== */
:root {
  /* Paleta de colores principal (guinda/burgundy) */
  --adit-color-darkest: #2F2D38;
  --adit-color-darker: #373A46;
  --adit-color-dark: #3351A6;
  --adit-color-primary: #3351A6;
  --adit-color-accent: #C41E4A;
  --adit-color-light: #1F77FA;
  
  /* Colores neutros */
  --adit-gray-50: #f8fafc;
  --adit-gray-100: #f1f5f9;
  --adit-gray-200: #e2e8f0;
  --adit-gray-300: #cbd5e1;
  --adit-gray-400: #94a3b8;
  --adit-gray-500: #64748b;
  --adit-gray-600: #475569;
  --adit-gray-700: #334155;
  --adit-gray-800: #1e293b;
  --adit-gray-900: #0f172a;
  
  /* Colores de estado */
  --adit-success: #22c55e;
  --adit-success-dark: #16a34a;
  --adit-warning: #f59e0b;
  --adit-warning-dark: #d97706;
  --adit-danger: #ef4444;
  --adit-danger-dark: #dc2626;
  --adit-info: #3b82f6;
  --adit-info-dark: #2563eb;
  
  /* Gradientes */
  --adit-gradient-primary: linear-gradient(135deg, #3351A6 0%, #3351A6 100%);
  --adit-gradient-dark: linear-gradient(135deg, #2F2D38 0%, #373A46 25%, #3351A6 50%, #3351A6 75%, #1F77FA 100%);
  --adit-gradient-light: linear-gradient(135deg, #f5f7fa 0%, #e4e8ec 50%, #f0f2f5 100%);
  --adit-gradient-card: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
  
  /* Sombras */
  --adit-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
  --adit-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  --adit-shadow-md: 0 8px 24px rgba(0, 0, 0, 0.12);
  --adit-shadow-lg: 0 16px 48px rgba(0, 0, 0, 0.16);
  --adit-shadow-guinda: 0 4px 20px rgba(107, 15, 42, 0.15);
  
  /* Bordes */
  --adit-border-color: rgba(0, 0, 0, 0.08);
  --adit-border-guinda: rgba(107, 15, 42, 0.15);
  
  /* Tipografía */
  --adit-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif;
  --adit-font-size-xs: 0.75rem;
  --adit-font-size-sm: 0.875rem;
  --adit-font-size-base: 1rem;
  --adit-font-size-lg: 1.125rem;
  --adit-font-size-xl: 1.25rem;
  --adit-font-size-2xl: 1.5rem;
  
  /* Espaciado */
  --adit-space-1: 0.25rem;
  --adit-space-2: 0.5rem;
  --adit-space-3: 0.75rem;
  --adit-space-4: 1rem;
  --adit-space-5: 1.25rem;
  --adit-space-6: 1.5rem;
  --adit-space-8: 2rem;
  
  /* Bordes redondeados */
  --adit-radius-sm: 6px;
  --adit-radius: 8px;
  --adit-radius-md: 10px;
  --adit-radius-lg: 12px;
  --adit-radius-xl: 16px;
  
  /* Transiciones */
  --adit-transition: all 0.3s ease;
  --adit-transition-fast: all 0.15s ease;
}

/* ===== ESTILOS BASE ===== */
body {
  font-family: var(--adit-font-family);
  background: var(--adit-gradient-light);
  color: var(--adit-gray-800);
  line-height: 1.6;
}

/* ===== CONTENEDORES DE PÁGINA ===== */
.adit-page-container {
  background: var(--adit-gradient-light);
  min-height: 100vh;
}

.adit-page-content {
  padding: var(--adit-space-6);
  padding-bottom: 80px; /* Espacio para el footer */
}

/* ===== SECCIONES Y PANELES ===== */
.adit-section {
  background: var(--adit-gradient-card);
  border-radius: var(--adit-radius-lg);
  box-shadow: var(--adit-shadow);
  margin-bottom: var(--adit-space-6);
  overflow: hidden;
  border: 1px solid var(--adit-border-color);
}

.adit-section-header {
  display: flex;
  align-items: center;
  gap: var(--adit-space-3);
  padding: var(--adit-space-5) var(--adit-space-6);
  background: linear-gradient(180deg, #ffffff 0%, var(--adit-gray-50) 100%);
  border-bottom: 2px solid var(--adit-border-guinda);
  position: relative;
}

.adit-section-header::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, 
    var(--adit-color-darkest) 0%,
    var(--adit-color-dark) 25%, 
    var(--adit-color-primary) 50%, 
    var(--adit-color-dark) 75%,
    var(--adit-color-darkest) 100%);
}

.adit-section-icon {
  width: 42px;
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--adit-gradient-primary);
  border-radius: var(--adit-radius-md);
  color: white;
  font-size: 1.1rem;
  box-shadow: var(--adit-shadow-guinda);
}

.adit-section-title {
  font-size: 1.15rem;
  font-weight: 700;
  color: var(--adit-gray-800);
  margin: 0 0 1rem 0;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding-bottom: 0.75rem;
  border-bottom: 2px solid var(--adit-primary, #3351A6);
  position: relative;
}

.adit-section-title::before {
  content: '';
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 60px;
  height: 2px;
  background: linear-gradient(90deg, var(--adit-primary, #3351A6), var(--adit-primary-light, #C62828));
  border-radius: 2px;
}

.adit-section-title i,
.adit-section-title .fa,
.adit-section-title .fas,
.adit-section-title .far,
.adit-section-title .fab {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  background: linear-gradient(135deg, var(--adit-primary, #3351A6) 0%, var(--adit-primary-dark, #3351A6) 100%);
  color: #fff;
  border-radius: 8px;
  font-size: 1rem;
  box-shadow: 0 2px 8px rgba(139, 21, 56, 0.25);
  flex-shrink: 0;
}

.adit-section-subtitle {
  font-size: var(--adit-font-size-sm);
  color: var(--adit-gray-500);
  margin: 0;
}

.adit-section-body {
  padding: var(--adit-space-6);
}

.adit-section-content {
  padding: var(--adit-space-6);
}

.adit-section-footer {
  padding: var(--adit-space-4) var(--adit-space-6);
  background: var(--adit-gray-50);
  border-top: 1px solid var(--adit-border-color);
}

/* ===== CARDS MODERNAS ===== */
.adit-modern-card {
  background: white;
  border-radius: var(--adit-radius-lg);
  box-shadow: var(--adit-shadow);
  border: 1px solid var(--adit-border-color);
  overflow: hidden;
  transition: var(--adit-transition);
}

.adit-modern-card:hover {
  box-shadow: var(--adit-shadow-md);
  transform: translateY(-2px);
}

.adit-modern-card-header {
  padding: var(--adit-space-4) var(--adit-space-5);
  background: linear-gradient(180deg, #ffffff 0%, var(--adit-gray-50) 100%);
  border-bottom: 1px solid var(--adit-border-color);
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.adit-modern-card-title {
  font-size: var(--adit-font-size-base);
  font-weight: 600;
  color: var(--adit-gray-800);
  margin: 0;
  display: flex;
  align-items: center;
  gap: var(--adit-space-2);
}

.adit-modern-card-title i {
  color: var(--adit-color-primary);
}

.adit-modern-card-body {
  padding: var(--adit-space-5);
}

/* ===== TABLAS MODERNAS ===== */
.adit-table-container {
  background: white;
  border-radius: var(--adit-radius-lg);
  box-shadow: var(--adit-shadow);
  overflow-x: auto;
  overflow-y: hidden;
  border: 1px solid var(--adit-border-color);
}

.adit-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  margin: 0;
  background: white;
}

.adit-table thead {
  background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
  position: sticky;
  top: 0;
  z-index: 10;
}

.adit-table thead th {
  padding: 14px 16px;
  text-align: left;
  font-weight: 700;
  font-size: 0.75rem;
  color: #374151;
  border-bottom: 2px solid rgba(107, 15, 42, 0.15);
  text-transform: uppercase;
  letter-spacing: 0.6px;
  white-space: nowrap;
  background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
}

.adit-table thead th i {
  color: #3351A6;
  margin-right: 6px;
  font-size: 0.85em;
  opacity: 0.85;
}

.adit-table tbody tr {
  transition: all 0.2s ease;
  border-bottom: 1px solid #f1f5f9;
}

.adit-table tbody tr:nth-child(even) {
  background: rgba(248, 250, 252, 0.5);
}

.adit-table tbody tr:hover {
  background: linear-gradient(90deg, rgba(107, 15, 42, 0.04) 0%, rgba(139, 21, 56, 0.08) 100%);
  transform: scale(1.002);
  box-shadow: 0 2px 8px rgba(107, 15, 42, 0.08);
}

.adit-table tbody tr:last-child {
  border-bottom: none;
}

.adit-table tbody td {
  padding: 12px 16px;
  font-size: 0.875rem;
  color: #4b5563;
  vertical-align: middle;
  border-bottom: 1px solid #f1f5f9;
}

.adit-table tbody tr:last-child td {
  border-bottom: none;
}

/* Celdas con iconos */
.adit-cell-with-icon {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.adit-cell-with-icon i {
  color: #3351A6;
  font-size: 0.85em;
  opacity: 0.7;
}

/* Code badges para RFC y similares */
.adit-code-badge {
  display: inline-block;
  padding: 4px 10px;
  font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, monospace;
  font-size: 0.8rem;
  font-weight: 500;
  color: #3351A6;
  background: linear-gradient(135deg, rgba(107, 15, 42, 0.08) 0%, rgba(139, 21, 56, 0.12) 100%);
  border: 1px solid rgba(107, 15, 42, 0.15);
  border-radius: 6px;
  letter-spacing: 0.3px;
}

/* Texto muted */
.adit-text-muted {
  color: #9ca3af;
  font-style: italic;
  font-size: 0.85em;
}

/* Badge link (para IDs clickeables) */
.adit-badge-link {
  cursor: pointer;
  transition: all 0.2s ease;
}

.adit-badge-link:hover {
  transform: translateY(-1px);
  box-shadow: 0 3px 8px rgba(107, 15, 42, 0.25);
  text-decoration: none;
}

/* Contenedor responsivo para tablas */
.table-responsive {
  border-radius: var(--adit-radius-lg);
  overflow-x: auto;
  overflow-y: hidden;
  box-shadow: var(--adit-shadow);
  border: 1px solid rgba(107, 15, 42, 0.1);
  background: white;
}

.table-responsive::-webkit-scrollbar {
  height: 8px;
}

.table-responsive::-webkit-scrollbar-track {
  background: #f1f5f9;
}

.table-responsive::-webkit-scrollbar-thumb {
  background: linear-gradient(135deg, #3351A6 0%, #3351A6 100%);
  border-radius: 4px;
}

/* Mejoras para badges en tablas */
.adit-table .adit-badge,
.adit-table a.adit-badge,
#table_result .adit-badge,
#table_result a.adit-badge {
  font-size: 0.75rem;
  padding: 5px 12px;
  border-radius: 20px;
  font-weight: 600;
  letter-spacing: 0.3px;
  text-transform: uppercase;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

/* Asegurar que los badges primary tengan texto blanco */
.adit-badge.adit-badge-primary,
a.adit-badge.adit-badge-primary,
.adit-table .adit-badge.adit-badge-primary,
#table_result .adit-badge.adit-badge-primary {
  background: linear-gradient(135deg, #3351A6, #3351A6) !important;
  color: white !important;
}

.adit-table .badge {
  font-size: 0.75rem;
  padding: 5px 12px;
  border-radius: 20px;
  font-weight: 600;
}

/* Links en tablas (excluyendo badges) */
.adit-table a:not(.btn):not(.adit-badge-link):not(.adit-badge) {
  color: #3351A6;
  text-decoration: none;
  font-weight: 500;
  transition: all 0.2s ease;
  position: relative;
}

.adit-table a:not(.btn):not(.adit-badge-link):not(.adit-badge):hover {
  color: #3351A6;
}

.adit-table a:not(.btn):not(.adit-badge-link):not(.adit-badge)::after {
  content: '';
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 0;
  height: 2px;
  background: linear-gradient(90deg, #3351A6, #3351A6);
  transition: width 0.3s ease;
}

.adit-table a:not(.btn):not(.adit-badge-link):not(.adit-badge):hover::after {
  width: 100%;
}

/* Botones de acción en tabla */
.adit-table .btn-group {
  display: flex;
  gap: 4px;
}

.adit-table .btn-sm {
  padding: 6px 10px;
  font-size: 0.75rem;
  border-radius: 6px;
}

.adit-table .btn-outline-primary {
  border-color: #3351A6;
  color: #3351A6;
}

.adit-table .btn-outline-primary:hover {
  background: #3351A6;
  border-color: #3351A6;
  color: white;
}

.adit-table .btn-outline-danger {
  border-color: #dc2626;
  color: #dc2626;
}

.adit-table .btn-outline-danger:hover {
  background: #dc2626;
  border-color: #dc2626;
  color: white;
}

/* Empty state en tablas */
.adit-table tbody tr.adit-empty-row td {
  text-align: center;
  padding: 40px 20px;
  color: #9ca3af;
}

.adit-table tbody tr.adit-empty-row td i {
  font-size: 2.5rem;
  margin-bottom: 10px;
  opacity: 0.5;
}

/* Tabla compacta */
.adit-table.adit-table-compact thead th {
  padding: 10px 12px;
  font-size: 0.7rem;
}

.adit-table.adit-table-compact tbody td {
  padding: 8px 12px;
  font-size: 0.8rem;
}

/* ===== FORMULARIOS MODERNOS ===== */
.adit-form-group {
  margin-bottom: var(--adit-space-5);
}

.adit-form-label {
  display: block;
  font-size: var(--adit-font-size-sm);
  font-weight: 600;
  color: var(--adit-gray-700);
  margin-bottom: var(--adit-space-2);
}

.adit-form-label i {
  color: var(--adit-color-primary);
  margin-right: var(--adit-space-2);
}

.adit-form-control {
  width: 100%;
  padding: var(--adit-space-3) var(--adit-space-4);
  font-size: var(--adit-font-size-base);
  color: var(--adit-gray-800);
  background: white;
  border: 2px solid var(--adit-gray-200);
  border-radius: var(--adit-radius);
  transition: var(--adit-transition);
}

.adit-form-control:focus {
  outline: none;
  border-color: var(--adit-color-primary);
  box-shadow: 0 0 0 3px rgba(139, 21, 56, 0.1);
}

.adit-form-control::placeholder {
  color: var(--adit-gray-400);
}

/* Select estilizado */
.adit-form-select {
  appearance: none;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
  background-position: right 0.75rem center;
  background-repeat: no-repeat;
  background-size: 1.5em 1.5em;
  padding-right: 2.5rem;
}

/* ===== BOTONES MODERNOS ===== */
.adit-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--adit-space-2);
  padding: var(--adit-space-3) var(--adit-space-5);
  font-size: var(--adit-font-size-sm);
  font-weight: 600;
  border-radius: var(--adit-radius);
  border: none;
  cursor: pointer;
  transition: var(--adit-transition);
  text-decoration: none;
}

.adit-btn:hover {
  transform: translateY(-2px);
  text-decoration: none;
}

.adit-btn:active {
  transform: translateY(0);
}

/* Botón primario (guinda) */
.adit-btn-primary {
  background: var(--adit-gradient-primary);
  color: white;
  box-shadow: var(--adit-shadow-guinda);
}

.adit-btn-primary:hover {
  background: linear-gradient(135deg, #5a0c22 0%, #7a122f 100%);
  color: white;
  box-shadow: 0 6px 24px rgba(107, 15, 42, 0.3);
}

/* Botón secundario */
.adit-btn-secondary {
  background: white;
  color: var(--adit-color-dark);
  border: 2px solid var(--adit-border-guinda);
  box-shadow: var(--adit-shadow-sm);
}

.adit-btn-secondary:hover {
  background: var(--adit-gradient-primary);
  color: white;
  border-color: var(--adit-color-dark);
}

/* Botón outline */
.adit-btn-outline {
  background: transparent;
  color: var(--adit-color-primary);
  border: 2px solid var(--adit-color-primary);
}

.adit-btn-outline:hover {
  background: var(--adit-color-primary);
  color: white;
}

/* Botón de éxito */
.adit-btn-success {
  background: linear-gradient(135deg, var(--adit-success) 0%, var(--adit-success-dark) 100%);
  color: white;
  box-shadow: 0 4px 12px rgba(34, 197, 94, 0.3);
}

.adit-btn-success:hover {
  background: linear-gradient(135deg, var(--adit-success-dark) 0%, #15803d 100%);
  color: white;
}

/* Botón de peligro */
.adit-btn-danger {
  background: linear-gradient(135deg, var(--adit-danger) 0%, var(--adit-danger-dark) 100%);
  color: white;
  box-shadow: 0 4px 12px rgba(239, 68, 68, 0.3);
}

.adit-btn-danger:hover {
  background: linear-gradient(135deg, var(--adit-danger-dark) 0%, #b91c1c 100%);
  color: white;
}

/* Botón pequeño */
.adit-btn-sm {
  padding: var(--adit-space-2) var(--adit-space-3);
  font-size: var(--adit-font-size-xs);
}

/* Botón grande */
.adit-btn-lg {
  padding: var(--adit-space-4) var(--adit-space-8);
  font-size: var(--adit-font-size-base);
}

/* ===== BADGES MODERNOS ===== */
.adit-badge {
  display: inline-flex;
  align-items: center;
  gap: var(--adit-space-1);
  padding: var(--adit-space-1) var(--adit-space-3);
  font-size: var(--adit-font-size-xs);
  font-weight: 600;
  border-radius: 20px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.adit-badge-primary {
  background: linear-gradient(135deg, rgba(107, 15, 42, 0.1) 0%, rgba(139, 21, 56, 0.15) 100%);
  color: var(--adit-color-primary);
  border: 1px solid rgba(107, 15, 42, 0.2);
}

.adit-badge-success {
  background: linear-gradient(135deg, rgba(34, 197, 94, 0.1) 0%, rgba(22, 163, 74, 0.15) 100%);
  color: var(--adit-success-dark);
  border: 1px solid rgba(34, 197, 94, 0.2);
}

.adit-badge-warning {
  background: linear-gradient(135deg, rgba(245, 158, 11, 0.1) 0%, rgba(217, 119, 6, 0.15) 100%);
  color: var(--adit-warning-dark);
  border: 1px solid rgba(245, 158, 11, 0.2);
}

.adit-badge-danger {
  background: linear-gradient(135deg, rgba(239, 68, 68, 0.1) 0%, rgba(220, 38, 38, 0.15) 100%);
  color: var(--adit-danger-dark);
  border: 1px solid rgba(239, 68, 68, 0.2);
}

.adit-badge-info {
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.1) 0%, rgba(37, 99, 235, 0.15) 100%);
  color: var(--adit-info-dark);
  border: 1px solid rgba(59, 130, 246, 0.2);
}

/* ===== ALERTAS MODERNAS ===== */
.adit-alert {
  padding: var(--adit-space-4) var(--adit-space-5);
  border-radius: var(--adit-radius-md);
  margin-bottom: var(--adit-space-4);
  display: flex;
  align-items: flex-start;
  gap: var(--adit-space-3);
  border-left: 4px solid;
}

.adit-alert-icon {
  font-size: 1.25rem;
  flex-shrink: 0;
}

.adit-alert-content {
  flex: 1;
}

.adit-alert-title {
  font-weight: 600;
  margin-bottom: var(--adit-space-1);
}

.adit-alert-success {
  background: linear-gradient(90deg, rgba(34, 197, 94, 0.08) 0%, rgba(34, 197, 94, 0.03) 100%);
  border-color: var(--adit-success);
  color: var(--adit-success-dark);
}

.adit-alert-warning {
  background: linear-gradient(90deg, rgba(245, 158, 11, 0.08) 0%, rgba(245, 158, 11, 0.03) 100%);
  border-color: var(--adit-warning);
  color: var(--adit-warning-dark);
}

.adit-alert-danger {
  background: linear-gradient(90deg, rgba(239, 68, 68, 0.08) 0%, rgba(239, 68, 68, 0.03) 100%);
  border-color: var(--adit-danger);
  color: var(--adit-danger-dark);
}

.adit-alert-info {
  background: linear-gradient(90deg, rgba(59, 130, 246, 0.08) 0%, rgba(59, 130, 246, 0.03) 100%);
  border-color: var(--adit-info);
  color: var(--adit-info-dark);
}

/* ===== TABS MODERNOS ===== */
.adit-tabs {
  display: flex;
  gap: var(--adit-space-1);
  background: var(--adit-gray-100);
  padding: var(--adit-space-1);
  border-radius: var(--adit-radius-md);
  margin-bottom: var(--adit-space-5);
}

.adit-tab {
  padding: var(--adit-space-3) var(--adit-space-5);
  font-size: var(--adit-font-size-sm);
  font-weight: 500;
  color: var(--adit-gray-600);
  background: transparent;
  border: none;
  border-radius: var(--adit-radius);
  cursor: pointer;
  transition: var(--adit-transition);
}

.adit-tab:hover {
  color: var(--adit-color-primary);
  background: white;
}

.adit-tab.active {
  background: white;
  color: var(--adit-color-primary);
  box-shadow: var(--adit-shadow-sm);
  font-weight: 600;
}

/* ===== LISTAS MODERNAS ===== */
.adit-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.adit-list-item {
  display: flex;
  align-items: center;
  gap: var(--adit-space-3);
  padding: var(--adit-space-4);
  border-bottom: 1px solid var(--adit-gray-100);
  transition: var(--adit-transition-fast);
}

.adit-list-item:hover {
  background: var(--adit-gray-50);
}

.adit-list-item:last-child {
  border-bottom: none;
}

.adit-list-icon {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, rgba(107, 15, 42, 0.08) 0%, rgba(139, 21, 56, 0.12) 100%);
  color: var(--adit-color-primary);
  border-radius: var(--adit-radius);
  flex-shrink: 0;
}

/* ===== INFORMACIÓN DE DETALLE ===== */
.adit-detail-row {
  display: flex;
  padding: var(--adit-space-3) 0;
  border-bottom: 1px solid var(--adit-gray-100);
}

.adit-detail-row:last-child {
  border-bottom: none;
}

.adit-detail-label {
  flex: 0 0 40%;
  font-weight: 500;
  color: var(--adit-gray-600);
  font-size: var(--adit-font-size-sm);
}

.adit-detail-value {
  flex: 1;
  color: var(--adit-gray-800);
  font-weight: 600;
}

/* ===== ESTADÍSTICAS MODERNAS ===== */
.adit-stats-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: var(--adit-space-5);
}

.adit-stat-box {
  background: white;
  border-radius: var(--adit-radius-lg);
  padding: var(--adit-space-5);
  box-shadow: var(--adit-shadow);
  border: 1px solid var(--adit-border-color);
  text-align: center;
  transition: var(--adit-transition);
}

.adit-stat-box:hover {
  transform: translateY(-4px);
  box-shadow: var(--adit-shadow-md);
}

.adit-stat-box-icon {
  width: 56px;
  height: 56px;
  margin: 0 auto var(--adit-space-4);
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--adit-gradient-primary);
  border-radius: 50%;
  color: white;
  font-size: 1.5rem;
  box-shadow: var(--adit-shadow-guinda);
}

.adit-stat-box-value {
  font-size: 2rem;
  font-weight: 700;
  color: var(--adit-gray-800);
  line-height: 1;
  margin-bottom: var(--adit-space-2);
}

.adit-stat-box-label {
  font-size: var(--adit-font-size-sm);
  color: var(--adit-gray-500);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* ===== EMPTY STATE ===== */
.adit-empty-state {
  text-align: center;
  padding: var(--adit-space-8);
  color: var(--adit-gray-500);
}

.adit-empty-state-icon {
  font-size: 4rem;
  color: var(--adit-gray-300);
  margin-bottom: var(--adit-space-4);
}

.adit-empty-state-title {
  font-size: var(--adit-font-size-lg);
  font-weight: 600;
  color: var(--adit-gray-700);
  margin-bottom: var(--adit-space-2);
}

.adit-empty-state-text {
  font-size: var(--adit-font-size-sm);
  color: var(--adit-gray-500);
}

/* ===== LOADING STATES ===== */
.adit-skeleton {
  background: linear-gradient(90deg, var(--adit-gray-200) 25%, var(--adit-gray-100) 50%, var(--adit-gray-200) 75%);
  background-size: 200% 100%;
  animation: skeleton-loading 1.5s infinite;
  border-radius: var(--adit-radius);
}

@keyframes skeleton-loading {
  0% { background-position: 200% 0; }
  100% { background-position: -200% 0; }
}

/* ===== DIVISORES ===== */
.adit-divider {
  height: 1px;
  background: linear-gradient(90deg, transparent 0%, var(--adit-gray-200) 50%, transparent 100%);
  margin: var(--adit-space-5) 0;
}

.adit-divider-guinda {
  height: 2px;
  background: linear-gradient(90deg, transparent 0%, var(--adit-border-guinda) 20%, var(--adit-color-primary) 50%, var(--adit-border-guinda) 80%, transparent 100%);
  margin: var(--adit-space-5) 0;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 768px) {
  .adit-page-content {
    padding: var(--adit-space-4);
  }
  
  .adit-section-body {
    padding: var(--adit-space-4);
  }
  
  .adit-stats-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  
  .adit-detail-row {
    flex-direction: column;
    gap: var(--adit-space-1);
  }
  
  .adit-detail-label {
    flex: none;
  }
}

@media (max-width: 480px) {
  .adit-stats-grid {
    grid-template-columns: 1fr;
  }
}

/* ===== FILTROS INLINE ===== */
.adit-filter-inline {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: var(--adit-space-4);
  padding: var(--adit-space-4);
  background: var(--adit-gray-50);
  border-radius: var(--adit-radius);
  border: 1px solid var(--adit-gray-200);
}

.adit-filter-group {
  display: flex;
  flex-direction: column;
  gap: var(--adit-space-1);
  flex: 1;
  min-width: 150px;
}

.adit-filter-group label {
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--adit-gray-600);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.adit-filter-group .form-control,
.adit-filter-group .form-select {
  font-size: 0.875rem;
  padding: var(--adit-space-2) var(--adit-space-3);
  border: 1px solid var(--adit-gray-300);
  border-radius: var(--adit-radius-sm);
  background: var(--adit-color-white);
  transition: all 0.2s ease;
}

.adit-filter-group .form-control:focus,
.adit-filter-group .form-select:focus {
  border-color: var(--adit-color-primary);
  box-shadow: 0 0 0 3px rgba(128, 0, 32, 0.1);
  outline: none;
}

.adit-filter-buttons {
  display: flex;
  gap: var(--adit-space-2);
  flex-shrink: 0;
}

/* ===== CELDAS CON ICONOS ===== */
.adit-cell-icon {
  display: flex;
  align-items: center;
  gap: var(--adit-space-2);
}

.adit-cell-icon i {
  color: var(--adit-color-primary);
  opacity: 0.7;
  font-size: 0.875rem;
}

.adit-cell-phone {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.adit-cell-phone span {
  font-size: 0.8125rem;
  color: var(--adit-gray-700);
}

.adit-cell-phone span:first-child {
  font-weight: 500;
  color: var(--adit-gray-800);
}

/* ===== PAGINACION ===== */
.adit-pagination-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: var(--adit-space-4);
  background: var(--adit-gray-50);
  border-top: 1px solid var(--adit-gray-200);
  border-radius: 0 0 var(--adit-radius) var(--adit-radius);
}

.adit-pagination-info {
  font-size: 0.875rem;
  color: var(--adit-gray-600);
}

.adit-pagination-info strong {
  color: var(--adit-color-primary);
  font-weight: 600;
}

.adit-pagination {
  display: flex;
  gap: 2px;
  list-style: none;
  padding: 0;
  margin: 0;
}

.adit-pagination .page-item .page-link {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 36px;
  height: 36px;
  padding: 0 var(--adit-space-3);
  border: 1px solid var(--adit-gray-200);
  background: var(--adit-color-white);
  color: var(--adit-gray-700);
  font-size: 0.875rem;
  font-weight: 500;
  text-decoration: none;
  border-radius: var(--adit-radius-sm);
  transition: all 0.2s ease;
}

.adit-pagination .page-item .page-link:hover {
  background: var(--adit-gray-100);
  border-color: var(--adit-gray-300);
  color: var(--adit-color-primary);
}

.adit-pagination .page-item.active .page-link {
  background: linear-gradient(135deg, var(--adit-color-primary) 0%, var(--adit-color-primary-dark) 100%);
  border-color: var(--adit-color-primary);
  color: var(--adit-color-white);
  box-shadow: 0 2px 4px rgba(128, 0, 32, 0.3);
}

.adit-pagination .page-item.disabled .page-link {
  background: var(--adit-gray-100);
  border-color: var(--adit-gray-200);
  color: var(--adit-gray-400);
  cursor: not-allowed;
}

/* ===== MODALES PERSONALIZADOS ===== */
.adit-modal .modal-content {
  border: none;
  border-radius: var(--adit-radius);
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
  overflow: hidden;
}

.adit-modal .modal-header {
  background: linear-gradient(135deg, var(--adit-color-primary) 0%, var(--adit-color-primary-dark) 100%);
  color: var(--adit-color-white);
  border-bottom: none;
  padding: var(--adit-space-4) var(--adit-space-5);
}

.adit-modal .modal-header .modal-title {
  font-weight: 600;
  font-size: 1.125rem;
}

.adit-modal .modal-header .btn-close {
  filter: invert(1);
  opacity: 0.8;
}

.adit-modal .modal-header .btn-close:hover {
  opacity: 1;
}

.adit-modal .modal-body {
  padding: var(--adit-space-5);
}

.adit-modal .modal-footer {
  background: var(--adit-gray-50);
  border-top: 1px solid var(--adit-gray-200);
  padding: var(--adit-space-4) var(--adit-space-5);
}

/* ===== CONTENEDOR SIN RESULTADOS ===== */
.adit-empty-state {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: var(--adit-space-8) var(--adit-space-4);
  text-align: center;
}

.adit-empty-state i {
  font-size: 4rem;
  color: var(--adit-gray-300);
  margin-bottom: var(--adit-space-4);
}

.adit-empty-state h4 {
  font-size: 1.25rem;
  font-weight: 600;
  color: var(--adit-gray-600);
  margin-bottom: var(--adit-space-2);
}

.adit-empty-state p {
  font-size: 0.9375rem;
  color: var(--adit-gray-500);
  max-width: 400px;
}

/* ===== ACCIONES DE TABLA ===== */
.adit-table-actions {
  display: flex;
  gap: var(--adit-space-1);
  justify-content: center;
}

.adit-table-actions .btn {
  padding: var(--adit-space-1) var(--adit-space-2);
  font-size: 0.75rem;
  border-radius: var(--adit-radius-sm);
}

.adit-action-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-width: 32px;
  min-height: 32px;
  padding: 6px 14px;
  border: 2px solid var(--adit-gray-200);
  background: var(--adit-color-white);
  color: var(--adit-gray-600);
  border-radius: var(--adit-radius-sm);
  cursor: pointer;
  transition: all 0.2s ease;
  text-decoration: none;
  font-size: 13px;
  font-weight: 600;
  white-space: nowrap;
}

/* Botón de acción solo-icono (sin texto) */
.adit-action-btn:not(:has(span)) {
  padding: 6px;
  width: 32px;
  height: 32px;
}

.adit-action-btn span {
  line-height: 1;
}

.adit-action-btn:hover {
  background: var(--adit-color-primary);
  border-color: var(--adit-color-primary);
  color: var(--adit-color-white);
  transform: translateY(-1px);
  box-shadow: 0 2px 4px rgba(128, 0, 32, 0.3);
}

.adit-action-btn.view:hover {
  background: #17a2b8;
  border-color: #17a2b8;
}

.adit-action-btn.edit:hover {
  background: #28a745;
  border-color: #28a745;
}

.adit-action-btn.delete:hover {
  background: #dc3545;
  border-color: #dc3545;
}

/* ===== RESULTADOS CONTADOR ===== */
.adit-results-count {
  display: flex;
  align-items: center;
  gap: var(--adit-space-3);
  padding: var(--adit-space-3) var(--adit-space-4);
  background: linear-gradient(90deg, rgba(128, 0, 32, 0.05) 0%, transparent 100%);
  border-left: 3px solid var(--adit-color-primary);
  border-radius: 0 var(--adit-radius-sm) var(--adit-radius-sm) 0;
  margin-bottom: var(--adit-space-4);
}

.adit-results-count i {
  color: var(--adit-color-primary);
  font-size: 1.125rem;
}

.adit-results-count span {
  font-size: 0.9375rem;
  color: var(--adit-gray-700);
}

.adit-results-count strong {
  color: var(--adit-color-primary);
  font-weight: 700;
}

/* ===== CELDA CON ICONO ===== */
.adit-cell-with-icon {
  display: flex;
  align-items: center;
  gap: 8px;
}

.adit-cell-with-icon i {
  color: var(--adit-gray-400);
  font-size: 0.875rem;
  width: 16px;
  flex-shrink: 0;
}

.adit-cell-with-icon span {
  color: var(--adit-gray-700);
}

/* ===== BADGE LINK ===== */
.adit-badge-link {
  text-decoration: none;
  transition: all 0.2s ease;
}

.adit-badge-link:hover {
  transform: translateY(-1px);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
}

/* ===== BOTONES ===== */
.adit-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 8px 16px;
  border-radius: var(--adit-radius-sm);
  font-size: 0.875rem;
  font-weight: 500;
  text-decoration: none;
  border: 1px solid transparent;
  cursor: pointer;
  transition: all 0.2s ease;
}

.adit-btn-sm {
  padding: 4px 10px;
  font-size: 0.75rem;
}

.adit-btn-outline {
  background: transparent;
  border: 1px solid var(--adit-gray-300);
  color: var(--adit-gray-700);
}

.adit-btn-outline:hover {
  background: var(--adit-gray-100);
  border-color: var(--adit-gray-400);
}

/* ===== MODAL PERSONALIZADO ===== */
.adit-modal-content {
  border: none;
  border-radius: var(--adit-radius);
  overflow: hidden;
  box-shadow: var(--adit-shadow-lg);
}

.adit-modal-header {
  background: var(--adit-gradient-primary);
  color: white;
  border-bottom: none;
  padding: 20px 24px;
}

.adit-modal-header .modal-title {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 1.125rem;
  font-weight: 600;
}

.adit-modal-close {
  background: rgba(255, 255, 255, 0.2);
  border: none;
  color: white;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
}

.adit-modal-close:hover {
  background: rgba(255, 255, 255, 0.3);
  transform: rotate(90deg);
}

.adit-modal-body {
  padding: 24px;
}

.adit-modal-footer {
  background: var(--adit-gray-50);
  border-top: 1px solid var(--adit-gray-200);
  padding: 16px 24px;
  display: flex;
  justify-content: flex-end;
  gap: 12px;
}

/* ===== ALERTAS ===== */
.adit-alert {
  display: flex;
  gap: 16px;
  padding: 16px;
  border-radius: var(--adit-radius);
  background: var(--adit-gray-50);
  border: 1px solid var(--adit-gray-200);
}

.adit-alert-info {
  background: rgba(59, 130, 246, 0.05);
  border-color: rgba(59, 130, 246, 0.2);
}

.adit-alert-icon {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(59, 130, 246, 0.1);
  color: var(--adit-info);
}

.adit-alert-content {
  flex: 1;
  font-size: 0.9375rem;
  line-height: 1.6;
  color: var(--adit-gray-700);
}

/* ===== MODAL AVISO DE PRIVACIDAD ===== */
.adit-modal-privacy .adit-modal-header {
  background: linear-gradient(135deg, #1e3a8a 0%, #3b82f6 100%);
  padding: 24px 28px;
}

.adit-modal-header-icon {
  width: 56px;
  height: 56px;
  background: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(10px);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 16px;
}

.adit-modal-header-icon i {
  font-size: 24px;
  color: white;
}

.adit-modal-subtitle {
  font-size: 0.875rem;
  color: rgba(255, 255, 255, 0.85);
  font-weight: 400;
  margin-top: 4px;
}

.adit-privacy-notice {
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.03) 0%, rgba(147, 197, 253, 0.05) 100%);
  border: 2px solid rgba(59, 130, 246, 0.15);
  border-radius: 12px;
  padding: 24px;
  display: flex;
  gap: 20px;
  margin-bottom: 20px;
}

.adit-privacy-icon {
  flex-shrink: 0;
  width: 64px;
  height: 64px;
  background: linear-gradient(135deg, #3b82f6 0%, #60a5fa 100%);
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 12px rgba(59, 130, 246, 0.25);
}

.adit-privacy-icon i {
  font-size: 28px;
  color: white;
}

.adit-privacy-content {
  flex: 1;
}

.adit-privacy-text {
  font-size: 0.9375rem;
  line-height: 1.7;
  color: var(--adit-gray-700);
  margin-bottom: 16px;
}

.adit-privacy-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.adit-privacy-list li {
  position: relative;
  padding-left: 28px;
  margin-bottom: 12px;
  font-size: 0.9375rem;
  line-height: 1.6;
  color: var(--adit-gray-700);
}

.adit-privacy-list li:before {
  content: "\f058";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  left: 0;
  top: 2px;
  color: #10b981;
  font-size: 16px;
}

.adit-privacy-footer-info {
  background: rgba(245, 158, 11, 0.08);
  border: 1px solid rgba(245, 158, 11, 0.25);
  border-radius: 8px;
  padding: 12px 16px;
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 0.875rem;
  color: #92400e;
}

.adit-privacy-footer-info i {
  color: #f59e0b;
  font-size: 18px;
  flex-shrink: 0;
}

.adit-btn-lg {
  padding: 12px 24px;
  font-size: 1rem;
  font-weight: 600;
}

.adit-btn-lg i {
  font-size: 1.125rem;
}

/* ===== TEXT UTILITIES ===== */
.adit-text-muted {
  color: var(--adit-gray-400);
}

/* ===== SEARCH FORM ===== */
.adit-search-form {
  padding: 20px;
}

.adit-form-group {
  margin-bottom: 0;
}

.adit-form-label {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--adit-gray-600);
  margin-bottom: 8px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.adit-form-label i {
  color: var(--adit-color-primary);
  font-size: 0.875rem;
}

.adit-form-control {
  width: 100%;
  padding: 10px 14px;
  border: 1px solid var(--adit-gray-300);
  border-radius: var(--adit-radius-sm);
  font-size: 0.9375rem;
  transition: all 0.2s ease;
  background: white;
}

.adit-form-control:focus {
  outline: none;
  border-color: var(--adit-color-primary);
  box-shadow: 0 0 0 3px rgba(139, 21, 56, 0.1);
}

.adit-btn-block {
  width: 100%;
}

/* ===== EMPTY STATE ===== */
.adit-empty-state {
  text-align: center;
  padding: 60px 20px;
}

.adit-empty-state-icon {
  width: 80px;
  height: 80px;
  margin: 0 auto 20px;
  background: var(--adit-gray-100);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.adit-empty-state-icon i {
  font-size: 2.5rem;
  color: var(--adit-gray-400);
}

.adit-empty-state-title {
  font-size: 1.25rem;
  font-weight: 600;
  color: var(--adit-gray-700);
  margin-bottom: 8px;
}

.adit-empty-state-text {
  font-size: 0.9375rem;
  color: var(--adit-gray-500);
  max-width: 400px;
  margin: 0 auto;
}

/* ===== TABLE ===== */
.adit-table {
  width: 100%;
  min-width: 900px;
  border-collapse: collapse;
  font-size: 0.875rem;
}

.adit-table .adit-badge {
  white-space: nowrap;
}

.adit-table thead {
  background: linear-gradient(to right, var(--adit-gray-50), white);
}

.adit-table th {
  padding: 14px 16px;
  text-align: left;
  font-weight: 600;
  color: var(--adit-gray-600);
  border-bottom: 2px solid var(--adit-gray-200);
  white-space: nowrap;
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.adit-table th i {
  margin-right: 6px;
  color: var(--adit-color-primary);
  opacity: 0.7;
}

.adit-table td {
  padding: 14px 16px;
  border-bottom: 1px solid var(--adit-gray-100);
  color: var(--adit-gray-700);
  vertical-align: middle;
}

.adit-table tbody tr:hover {
  background: rgba(139, 21, 56, 0.02);
}

.adit-table tbody tr:last-child td {
  border-bottom: none;
}

/* ===== PAGINATION ===== */
.adit-pagination-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 20px;
  background: var(--adit-gray-50);
  border-top: 1px solid var(--adit-gray-200);
  flex-wrap: wrap;
  gap: 16px;
}

.adit-pagination-info {
  font-size: 0.875rem;
  color: var(--adit-gray-600);
}

.adit-pagination-info i {
  margin-right: 8px;
  color: var(--adit-color-primary);
}

.adit-pagination-info strong {
  color: var(--adit-color-primary);
  font-weight: 600;
}

.adit-pagination-controls .pagination {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
  gap: 4px;
}

.adit-pagination-controls .pagination li a,
.adit-pagination-controls .pagination li span {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 36px;
  height: 36px;
  padding: 0 12px;
  border: 1px solid var(--adit-gray-200);
  background: white;
  color: var(--adit-gray-700);
  font-size: 0.875rem;
  font-weight: 500;
  text-decoration: none;
  border-radius: var(--adit-radius-sm);
  transition: all 0.2s ease;
}

.adit-pagination-controls .pagination li a:hover {
  background: var(--adit-gray-100);
  border-color: var(--adit-gray-300);
}

.adit-pagination-controls .pagination li.active span,
.adit-pagination-controls .pagination .current {
  background: var(--adit-gradient-primary);
  border-color: var(--adit-color-primary);
  color: white;
}

.adit-pagination-controls .pagination li.disabled span,
.adit-pagination-controls .pagination .disabled {
  color: var(--adit-gray-400);
  cursor: not-allowed;
}

/* ===== FILTER INLINE ===== */
.adit-filter-inline {
  display: flex;
  align-items: center;
  gap: 8px;
}

.adit-filter-inline i {
  color: var(--adit-gray-400);
}

.adit-filter-input {
  padding: 6px 12px;
  border: 1px solid var(--adit-gray-300);
  border-radius: var(--adit-radius-sm);
  font-size: 0.8125rem;
  width: 200px;
  transition: all 0.2s ease;
}

.adit-filter-input:focus {
  outline: none;
  border-color: var(--adit-color-primary);
  box-shadow: 0 0 0 2px rgba(139, 21, 56, 0.1);
}

/* ===== SECTION ACTIONS ===== */
.adit-section-actions {
  display: flex;
  align-items: center;
  gap: 12px;
}

/* ===== TABS DE NAVEGACIÓN HORIZONTAL ===== */
.adit-nav-tabs {
  display: flex;
  align-items: center;
  gap: 4px;
  background: var(--adit-color-white);
  border-radius: var(--adit-radius-lg);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
  border: 1px solid var(--adit-gray-200);
  padding: 6px;
  margin-bottom: 24px;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.adit-nav-tabs::-webkit-scrollbar {
  height: 0;
}

.adit-nav-tab {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 18px;
  color: var(--adit-gray-600);
  font-size: 13px;
  font-weight: 500;
  text-decoration: none;
  border-radius: var(--adit-radius-md);
  transition: all 0.2s ease;
  white-space: nowrap;
  border: none;
  background: transparent;
  cursor: pointer;
  position: relative;
}

.adit-nav-tab:hover {
  background: rgba(139, 21, 56, 0.04);
  color: var(--adit-color-primary);
  text-decoration: none;
}

.adit-nav-tab.active {
  background: var(--adit-color-primary);
  color: var(--adit-color-white);
  font-weight: 600;
  box-shadow: 0 2px 8px rgba(139, 21, 56, 0.3);
}

.adit-nav-tab.active:hover {
  background: var(--adit-color-primary-dark);
  color: var(--adit-color-white);
}

.adit-nav-tab i {
  font-size: 14px;
  width: 16px;
  text-align: center;
}

.adit-nav-tab .adit-tab-badge {
  font-size: 10px;
  padding: 2px 6px;
  border-radius: 10px;
  font-weight: 700;
  line-height: 1;
}

.adit-nav-tab .adit-tab-badge {
  background: rgba(139, 21, 56, 0.1);
  color: var(--adit-color-primary);
}

.adit-nav-tab.active .adit-tab-badge {
  background: rgba(255, 255, 255, 0.25);
  color: var(--adit-color-white);
}

.adit-nav-tab-divider {
  width: 1px;
  height: 24px;
  background: var(--adit-gray-200);
  margin: 0 4px;
  flex-shrink: 0;
}

@media (max-width: 768px) {
  .adit-nav-tabs {
    gap: 2px;
    padding: 4px;
  }

  .adit-nav-tab {
    padding: 8px 12px;
    font-size: 12px;
    gap: 6px;
  }
}
/* ========================================================================
   ADIT NAVBAR - Versión Bootstrap Estándar Limpia
   Sistema de navegación simplificado basado en Bootstrap 5
   ======================================================================== */

/* ===== NAVBAR BASE LIMPIA ===== */
.adit-navbar {
  background: linear-gradient(135deg, #2F2D38 0%, #3351A6 50%, #1F77FA 100%) !important;
  background: var(--adit-gradient-main) !important;
  border: none !important;
  box-shadow: 0 2px 15px rgba(0, 0, 0, 0.15);
  padding: 15px 0;
  min-height: var(--adit-navbar-height);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: var(--adit-z-navbar);
  width: 100%;
}

.navbar-header-ads .navbar-brand::before {
  content: '•';
  font-size: 1rem;
  filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.2));
}

.adit-navbar .container-fluid {
  padding: 0 var(--adit-spacing-md);
  max-width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}

/* ===== BRAND MEJORADO ===== */
.adit-navbar-brand {
  color: var(--adit-white) !important;
  font-size: 1.25rem;
  font-weight: 600;
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: var(--adit-spacing-sm);
  padding: var(--adit-spacing-xs) var(--adit-spacing-sm);
  border-radius: var(--adit-border-radius);
  transition: all 0.3s ease;
  position: relative;
}

.adit-navbar-brand:hover {
  color: var(--adit-white) !important;
  background: rgba(255, 255, 255, 0.1);
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

.adit-navbar-brand:hover .adit-logo {
  transform: scale(1.05);
  filter: brightness(1.1) drop-shadow(0 2px 8px rgba(255, 255, 255, 0.3)) drop-shadow(0 2px 4px rgba(0, 0, 0, 0.3));
}

/* ===== TOGGLER MEJORADO ===== */
.adit-navbar-toggler {
  border: 2px solid rgba(255, 255, 255, 0.25) !important;
  border-radius: var(--adit-border-radius) !important;
  padding: 0.5rem !important;
  background: rgba(255, 255, 255, 0.08) !important;
  cursor: pointer;
  transition: background-color 0.2s ease, border-color 0.2s ease;
  position: relative;
  min-width: 44px;
  min-height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.adit-navbar-toggler:hover {
  background: rgba(255, 255, 255, 0.15) !important;
  border-color: rgba(255, 255, 255, 0.4) !important;
}

.adit-navbar-toggler:focus {
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.3) !important;
  outline: none !important;
}

.adit-navbar-toggler-icon {
  width: 2rem;
  height: 2rem;
  display: block;
}

/* ===== NAVEGACIÓN DESKTOP ===== */
.adit-navbar-nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.adit-nav {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--adit-spacing-sm);
  margin: 0;
  padding: 0;
  list-style: none;
}

.adit-nav-main {
  /* Menús principales alineados a la izquierda */
  justify-content: flex-start;
}

.adit-nav-user {
  /* Menú de usuario alineado a la derecha */
  justify-content: flex-end;
}

.adit-nav-item {
  margin: 0;
}

.adit-nav-link {
  color: var(--adit-text-light) !important;
  text-decoration: none !important;
  padding: var(--adit-spacing-sm) var(--adit-spacing-md);
  border-radius: var(--adit-border-radius);
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  gap: var(--adit-spacing-xs);
  font-weight: 500;
  white-space: nowrap;
}

.adit-nav-link:hover {
  color: var(--adit-white) !important;
  background-color: rgba(255, 255, 255, 0.1);
  transform: translateY(-1px);
}

.adit-nav-link.active {
  color: var(--adit-white) !important;
  background-color: rgba(255, 255, 255, 0.15);
  font-weight: 600;
}

.adit-nav-link i {
  font-size: 0.875rem;
  opacity: 0.8;
}

/* ===== MENÚ MÓVIL RESPONSIVE ===== */
.adit-mobile-menu {
  display: none;
  position: fixed;
  top: var(--adit-navbar-height);
  background: var(--adit-gradient-main);
  z-index: calc(var(--adit-z-navbar) + 1);
  padding: var(--adit-spacing-md);
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
  max-height: calc(100vh - var(--adit-navbar-height));
  overflow-y: auto;
  border-radius: 0 0 var(--adit-border-radius) var(--adit-border-radius);
}

/* Pantallas medianas y tablets (768px - 1199px): 50% ancho, alineado derecha */
@media (min-width: 768px) and (max-width: 1199px) {
  .adit-mobile-menu {
    right: 0;
    left: auto;
    width: 50%;
    min-width: 300px;
    border-radius: 0 0 0 var(--adit-border-radius);
  }
}

/* Celulares pequeños (<768px): 100% ancho */
@media (max-width: 767px) {
  .adit-mobile-menu {
    left: 0;
    right: 0;
    width: 100%;
  }
}

.adit-mobile-menu.active {
  display: block;
  animation: aditSlideIn 0.3s ease-out;
}

@keyframes aditSlideIn {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.adit-mobile-nav {
  display: flex;
  flex-direction: column;
  gap: var(--adit-spacing-xs);
  margin: 0;
  padding: 0;
  list-style: none;
}

.adit-mobile-nav .adit-nav-link {
  padding: var(--adit-spacing-md);
  border-radius: var(--adit-border-radius);
  border-left: 3px solid transparent;
  justify-content: flex-start;
  gap: var(--adit-spacing-sm);
}

.adit-mobile-nav .adit-nav-link:hover {
  background-color: rgba(255, 255, 255, 0.1);
  border-left-color: var(--adit-white);
  transform: translateX(4px);
}

.adit-mobile-nav .adit-nav-link.active {
  background-color: rgba(255, 255, 255, 0.15);
  border-left-color: #E54C7A;
}

/* Estilos específicos para el menú compacto (50%) */
@media (min-width: 768px) and (max-width: 1199px) {
  .adit-mobile-nav .adit-nav-link {
    padding: var(--adit-spacing-sm) var(--adit-spacing-md);
    font-size: 0.9rem;
  }
  
  .adit-mobile-nav .adit-nav-link i {
    min-width: 20px;
    text-align: center;
  }
  
  .adit-mobile-menu {
    padding: var(--adit-spacing-md) var(--adit-spacing-lg);
  }
}

/* ===== DROPDOWN LIMPIO ===== */
.adit-dropdown {
  position: relative;
}

/* ===== ENLACE DE CERRAR SESIÓN MEJORADO ===== */
.adit-logout-link {
  background: linear-gradient(135deg, #dc3545, #c82333) !important;
  color: var(--adit-white) !important;
  border: 2px solid transparent !important;
  border-radius: var(--adit-border-radius) !important;
  padding: var(--adit-spacing-sm) var(--adit-spacing-md) !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  transition: all 0.3s ease !important;
  box-shadow: 0 2px 8px rgba(220, 53, 69, 0.3) !important;
  margin-top: var(--adit-spacing-xs) !important;
}

.adit-logout-link:hover {
  background: linear-gradient(135deg, #c82333, #bd2130) !important;
  color: var(--adit-white) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 15px rgba(220, 53, 69, 0.4) !important;
  border-color: rgba(255, 255, 255, 0.2) !important;
}

.adit-logout-link i {
  margin-right: var(--adit-spacing-xs) !important;
  font-size: 1rem !important;
}

/* Centrar todo el botón logout en el dropdown de desktop */
.adit-dropdown-menu .adit-logout-link {
  display: block !important;
  text-align: center !important;
  margin: var(--adit-spacing-sm) auto 0 auto !important;
  width: fit-content !important;
  max-width: 90% !important;
}

/* Ajustes para el menú móvil */
.adit-mobile-nav .adit-logout-link {
  display: block !important;
  text-align: center !important;
  margin: var(--adit-spacing-md) auto 0 auto !important;
  width: fit-content !important;
  max-width: 90% !important;
  border-left: none !important;
}

.adit-mobile-nav .adit-logout-link:hover {
  transform: translateY(-2px) !important;
  /* No necesita translateX en móvil */
}

/* ===== MENÚ DE USUARIO A LA DERECHA ===== */
/* Ya no necesitamos margin-left: auto porque está en un contenedor separado */

.adit-dropdown-menu {
  position: absolute;
  top: 100%;
  right: 0; /* Cambiado de left: 0 a right: 0 para alineación a la derecha */
  background: var(--adit-white);
  border: none;
  border-radius: var(--adit-border-radius);
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
  padding: var(--adit-spacing-sm);
  min-width: 250px; /* Aumentado ligeramente para mejor contenido */
  z-index: var(--adit-z-dropdown);
  display: none;
}

.adit-dropdown:hover .adit-dropdown-menu {
  display: block;
}

/* Ajuste para pantallas pequeñas - evitar que se salga */
@media (max-width: 400px) {
  .adit-dropdown-menu {
    right: -10px; /* Pequeño margen para pantallas muy pequeñas */
    min-width: 220px;
  }
}

.adit-dropdown-item {
  color: var(--adit-primary-1) !important;
  text-decoration: none !important;
  padding: var(--adit-spacing-sm) var(--adit-spacing-md);
  border-radius: var(--adit-border-radius);
  display: flex;
  align-items: center;
  gap: var(--adit-spacing-sm);
  transition: all 0.2s ease;
}

.adit-dropdown-item:hover {
  background-color: rgba(45, 11, 31, 0.05);
  transform: translateX(4px);
}

/* ===== RESPONSIVE BEHAVIOR ===== */
/* Cambiamos el breakpoint para que aparezca el hamburguesa antes */
@media (max-width: 1199px) {
  .adit-navbar-nav {
    display: none !important;
  }
  
  .adit-navbar-toggler {
    display: flex !important;
    position: absolute;
    right: var(--adit-spacing-md);
    top: 50%;
    transform: translateY(-50%);
    z-index: calc(var(--adit-z-navbar) + 1);
  }
}

@media (min-width: 1200px) {
  .adit-navbar-nav {
    display: flex !important;
  }
  
  .adit-navbar-toggler {
    display: none !important;
  }
  
  .adit-mobile-menu {
    display: none !important;
  }
}

/* ===== ADAPTACIÓN PROGRESIVA DE TEXTO ===== */

/* Pantallas muy grandes (>1800px): Diseño normal horizontal */
@media (min-width: 1801px) {
  .adit-nav-link {
    flex-direction: row;
    gap: var(--adit-spacing-sm);
  }
  
  .adit-nav-link span {
    font-size: 0.75rem;
  }
  
  /* El menú de usuario ya está separado estructuralmente */
}

/* Pantallas grandes (1200px-1800px): Iconos arriba, texto más pequeño */
@media (min-width: 1200px) and (max-width: 1800px) {
  .adit-nav-link {
    flex-direction: column;
    gap: var(--adit-spacing-xs);
    padding: var(--adit-spacing-sm) 4px;
    text-align: center;
    min-width: auto;
    max-width: 75px;
    border-radius: var(--adit-border-radius);
  }
  
  .adit-nav-link span {
    font-size: 0.65rem;
    font-weight: 600;
    line-height: 1.1;
    text-transform: uppercase;
    letter-spacing: 0.2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 70px;
  }
  
  .adit-nav-link i {
    font-size: 1.1rem;
    margin-bottom: 2px;
  }
  
  /* Ajustar el contenedor de navegación */
  .adit-nav {
    gap: var(--adit-spacing-xs);
  }
  
  /* Menú de usuario también vertical en este rango pero mantiene posición derecha */
  .adit-user-menu {
    max-width: 70px;
  }
  
  .adit-user-menu span {
    font-size: 0.6rem;
  }
  
  .adit-user-avatar {
    width: 20px !important;
    height: 20px !important;
  }
  
  /* El menú de usuario ya está en su propio contenedor */
}

/* Eliminamos las adaptaciones anteriores para dar paso al hamburguesa */

/* ===== DEBUG PARA TOGGLER ===== */
/* Estas reglas aseguran que el botón sea visible y funcional */
.adit-navbar-toggler {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

/* Fallback en caso de que Bootstrap interfiera */
.navbar-toggler.adit-navbar-toggler {
  border: 2px solid rgba(255, 255, 255, 0.5) !important;
  background: rgba(255, 255, 255, 0.15) !important;
}

/* Asegurar que el icono sea visible */
.adit-navbar-toggler-icon::before {
  content: '☰';
  color: white;
  font-size: 1.5rem;
  font-weight: bold;
  display: block;
  text-align: center;
  line-height: 1;
}

/* ========================================================================
   NAVBAR SECUNDARIO DE MÓDULOS - Mejora del submenu lateral
   ======================================================================== */

/* ===== NAVBAR SECUNDARIO PROFESIONAL Y REFINADO ===== */
.navbar-default-menu_lateral-ads {
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 8px !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) !important;
  margin: 12px 0 !important;
  padding: 0 !important;
  min-height: auto !important;
  overflow: hidden !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
}

.navbar-header-ads {
  background: linear-gradient(135deg, rgba(37, 99, 235, 0.9) 0%, rgba(29, 78, 216, 0.9) 100%) !important;
  border-radius: 8px 8px 0 0 !important;
  padding: 12px 16px !important;
  border: none !important;
  position: relative !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.navbar-header-ads .navbar-brand {
  color: rgba(255, 255, 255, 0.95) !important;
  font-weight: 600 !important;
  font-size: 0.9rem !important;
  margin: 0 !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  letter-spacing: 0.025em !important;
}

.navbar-header-ads .navbar-toggle {
  border: 1px solid rgba(255, 255, 255, 0.3) !important;
  background: rgba(255, 255, 255, 0.1) !important;
  border-radius: 6px !important;
  padding: 6px 10px !important;
  margin-top: 0 !important;
  margin-right: 0 !important;
  transition: all 0.2s ease !important;
}

.navbar-header-ads .navbar-toggle:hover {
  background: rgba(255, 255, 255, 0.2) !important;
  border-color: rgba(255, 255, 255, 0.4) !important;
}

.navbar-header-ads .navbar-toggle .icon-bar {
  background: rgba(255, 255, 255, 0.9) !important;
  border-radius: 1px !important;
  height: 2px !important;
  width: 16px !important;
}

/* Navegación del módulo refinada */
.sidebar-navbar-collapse {
  background: transparent !important;
  border: none !important;
  padding: 4px 0 !important;
}

.sidebar-navbar-collapse .navbar-nav {
  margin: 0 !important;
  padding: 0 !important;
}

.sidebar-navbar-collapse .navbar-nav > li {
  margin: 0 !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
  transition: all 0.2s ease !important;
}

.sidebar-navbar-collapse .navbar-nav > li:last-child {
  border-bottom: none !important;
}

.sidebar-navbar-collapse .navbar-nav > li:hover {
  background: rgba(255, 255, 255, 0.05) !important;
}

.sidebar-navbar-collapse .navbar-nav > li > a {
  color: rgba(255, 255, 255, 0.85) !important;
  padding: 12px 16px !important;
  text-decoration: none !important;
  font-weight: 500 !important;
  transition: all 0.2s ease !important;
  display: flex !important;
  align-items: center !important;
  border-radius: 0 !important;
  background: transparent !important;
  position: relative !important;
  font-size: 0.85rem !important;
  line-height: 1.3 !important;
  letter-spacing: 0.01em !important;
}

.sidebar-navbar-collapse .navbar-nav > li > a::before {
  content: "•" !important;
  margin-right: 8px !important;
  font-size: 1rem !important;
  opacity: 0.6 !important;
  transition: all 0.2s ease !important;
  width: 4px !important;
  text-align: center !important;
  color: rgba(255, 255, 255, 0.6) !important;
}

.sidebar-navbar-collapse .navbar-nav > li > a:hover {
  background: linear-gradient(135deg, rgba(37, 99, 235, 0.2) 0%, rgba(29, 78, 216, 0.1) 100%) !important;
  color: rgba(255, 255, 255, 0.95) !important;
  padding-left: 20px !important;
  border-left: 3px solid var(--adit-primary-1) !important;
}

.sidebar-navbar-collapse .navbar-nav > li > a:hover::before {
  opacity: 1 !important;
  color: var(--adit-primary-1) !important;
  content: "▶" !important;
}

.sidebar-navbar-collapse .navbar-nav > li > a.active,
.sidebar-navbar-collapse .navbar-nav > li > a.adn-subaction-selected {
  background: linear-gradient(135deg, rgba(37, 99, 235, 0.25) 0%, rgba(29, 78, 216, 0.15) 100%) !important;
  color: white !important;
  font-weight: 600 !important;
  border-left: 3px solid var(--adit-primary-1) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
}

.sidebar-navbar-collapse .navbar-nav > li > a.active::before,
.sidebar-navbar-collapse .navbar-nav > li > a.adn-subaction-selected::before {
  opacity: 1 !important;
  color: white !important;
  content: "▶" !important;
}

/* ===== COLUMNA SIDEBAR CON BACKGROUND OSCURO ===== */
.adit-sidebar-column {
  background: linear-gradient(135deg, #0f0f0f 0%, #1a1a1a 50%, #2d2d2d 100%) !important;
  padding: 0 !important;
  min-height: 100vh !important;
  border-right: 3px solid var(--adit-primary-1) !important;
  box-shadow: 4px 0 20px rgba(0, 0, 0, 0.3) !important;
}

.sidebar-nav {
  background: transparent !important;
  border-radius: 0 !important;
  padding: 20px !important;
  min-height: 100vh !important;
}

/* Sidebar Discreto - Estilo acorde con paleta de la aplicación */
.sidebar-nav .navbar-default-menu_lateral-ads {
  background: rgba(45, 11, 31, 0.00) !important;
  border: 1px solid rgba(107, 21, 38, 0.15) !important;
  border-radius: 3px !important;
  box-shadow: 0 1px 2px rgba(45, 11, 31, 0.1) !important;
  margin: 4px 0 !important;
}

.sidebar-nav .navbar-header-ads {
  background: linear-gradient(135deg, rgba(107, 21, 38, 0.9) 0%, rgba(137, 47, 69, 0.85) 100%) !important;
  border-bottom: 1px solid rgba(107, 21, 38, 0.2) !important;
  padding: 6px 10px !important;
}

.sidebar-nav .navbar-header-ads .navbar-brand {
  color: rgba(255, 255, 255, 0.95) !important;
  font-weight: 500 !important;
  font-size: 0.75rem !important;
  margin: 0 !important;
  padding: 0 !important;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3) !important;
}

.sidebar-nav .sidebar-navbar-collapse {
  padding: 2px 0 !important;
}

.sidebar-nav .sidebar-navbar-collapse .navbar-nav > li > a {
  color: rgba(255, 255, 255, 0.9) !important;
  background: transparent !important;
  font-size: 0.75rem !important;
  font-weight: 400 !important;
  padding: 6px 10px !important;
  text-decoration: none !important;
  display: block !important;
  width: 100% !important;
  transition: all 0.12s ease !important;
  border-bottom: 1px solid rgba(45, 11, 31, 0.08) !important;
  cursor: pointer !important;
}

.sidebar-nav .sidebar-navbar-collapse .navbar-nav > li:last-child > a {
  border-bottom: none !important;
}

.sidebar-nav .sidebar-navbar-collapse .navbar-nav > li > a::before {
  content: "•" !important;
  color: rgba(255, 255, 255, 0.5) !important;
  margin-right: 8px !important;
  font-size: 0.6rem !important;
  transition: all 0.12s ease !important;
}

.sidebar-nav .sidebar-navbar-collapse .navbar-nav > li > a:hover {
  background: rgba(107, 21, 38, 0.15) !important;
  color: rgba(255, 255, 255, 1) !important;
  padding-left: 14px !important;
}

.sidebar-nav .sidebar-navbar-collapse .navbar-nav > li > a:hover::before {
  content: "•" !important;
  color: rgba(255, 255, 255, 0.8) !important;
}

.sidebar-nav .sidebar-navbar-collapse .navbar-nav > li > a.active,
.sidebar-nav .sidebar-navbar-collapse .navbar-nav > li > a.adn-subaction-selected {
  background: rgba(107, 21, 38, 0.25) !important;
  color: rgba(255, 255, 255, 1) !important;
  font-weight: 500 !important;
  border-left: 2px solid rgba(107, 21, 38, 0.8) !important;
}

.sidebar-nav .sidebar-navbar-collapse .navbar-nav > li > a.active::before,
.sidebar-nav .sidebar-navbar-collapse .navbar-nav > li > a.adn-subaction-selected::before {
  content: "•" !important;
  color: rgba(255, 255, 255, 1) !important;
}

/* Responsive para el sidebar discreto */
@media (max-width: 991px) {
  .navbar-default-menu_lateral-ads {
    margin: 3px 0 !important;
    border-radius: 3px !important;
  }
  
  .navbar-header-ads {
    padding: 5px 8px !important;
  }
  
  .navbar-header-ads .navbar-brand {
    font-size: 0.7rem !important;
  }
  
  .sidebar-nav {
    padding: 8px !important;
  }
}

@media (max-width: 767px) {
  .navbar-default-menu_lateral-ads {
    margin: 2px 0 !important;
    border-radius: 3px !important;
  }
  
  .navbar-header-ads {
    padding: 4px 6px !important;
  }
  
  .navbar-header-ads .navbar-brand {
    font-size: 0.65rem !important;
  }
  
  .sidebar-navbar-collapse .navbar-nav > li > a {
    padding: 5px 8px !important;
    font-size: 0.7rem !important;
  }
  
  .sidebar-navbar-collapse .navbar-nav > li > a:hover {
    padding-left: 12px !important;
  }
  
  .adit-sidebar-column {
    min-height: auto !important;
    border-right: none !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
  }
}


/* ===================================
   ADIT SIDEBAR NAVIGATION
   Sistema de navegación lateral principal
   ================================= */

:root {
  --adit-sidebar-width: 260px;
  --adit-sidebar-collapsed-width: 70px;
  --adit-sidebar-bg: linear-gradient(180deg, #3d1a2a 0%, #2d1422 50%, #1f0d18 100%);
  --adit-sidebar-text: #d4c4cc;
  --adit-sidebar-text-active: #ffffff;
  --adit-sidebar-accent: #c41e4a;
  --adit-sidebar-accent-light: rgba(196, 30, 74, 0.2);
  --adit-sidebar-hover: rgba(196, 30, 74, 0.12);
  --adit-sidebar-active-bg: linear-gradient(90deg, rgba(196, 30, 74, 0.35) 0%, rgba(196, 30, 74, 0.08) 100%);
  --adit-topbar-height: 56px;
  --adit-sidebar-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  --adit-sidebar-glow: 0 0 30px rgba(196, 30, 74, 0.15);
}

/* ===== SIDEBAR PRINCIPAL ===== */

/* Animación de entrada del sidebar */
@keyframes adit-sidebar-slideIn {
  from {
    transform: translateX(-100%);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}

/* Animación de brillo para elementos activos */
@keyframes adit-sidebar-glow-pulse {
  0%, 100% { box-shadow: inset 3px 0 0 var(--adit-sidebar-accent), 0 0 10px rgba(196, 30, 74, 0.1); }
  50% { box-shadow: inset 3px 0 0 var(--adit-sidebar-accent), 0 0 20px rgba(196, 30, 74, 0.25); }
}

.adit-main-sidebar {
  position: fixed;
  top: 0;
  left: 0;
  width: var(--adit-sidebar-width);
  height: 100vh;
  background: var(--adit-sidebar-bg);
  z-index: 1100;
  transition: var(--adit-sidebar-transition);
  overflow: hidden;
  box-shadow: 4px 0 25px rgba(0, 0, 0, 0.3), inset -1px 0 0 rgba(255, 255, 255, 0.03);
  animation: adit-sidebar-slideIn 0.4s ease-out;
}

/* Efecto de borde brillante en la parte superior */
.adit-main-sidebar::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: linear-gradient(90deg, transparent, rgba(196, 30, 74, 0.5), var(--adit-sidebar-accent), rgba(196, 30, 74, 0.5), transparent);
  opacity: 0.8;
}

.adit-main-sidebar.collapsed {
  width: var(--adit-sidebar-collapsed-width);
}

.adit-sidebar-content {
  display: flex;
  flex-direction: column;
  height: 100%;
}

/* ===== HEADER DEL SIDEBAR ===== */
.adit-sidebar-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  min-height: 60px;
  background: rgba(0, 0, 0, 0.15);
  position: relative;
}

.adit-sidebar-header::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 20px;
  right: 20px;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(196, 30, 74, 0.4), transparent);
}

.adit-sidebar-brand {
  display: flex;
  align-items: center;
  gap: 12px;
  text-decoration: none;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.adit-sidebar-brand:hover {
  transform: scale(1.02);
}

.adit-sidebar-logo {
  width: 100%;
  height: 44px;
  object-fit: contain;
  flex-shrink: 0;
  filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.4)) brightness(1.2);
  transition: transform 0.3s ease, filter 0.3s ease;
  background-color: #301722;
  border-radius: 10px;
  padding: 5px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3), 0 0 0 2px rgba(255, 255, 255, 0.1);
}

.adit-sidebar-brand:hover .adit-sidebar-logo {
  filter: drop-shadow(0 0 8px rgba(255, 107, 138, 0.8)) drop-shadow(0 0 20px rgba(196, 30, 74, 0.6)) brightness(1.4);
  box-shadow: 0 0 20px rgba(196, 30, 74, 0.5), 0 0 40px rgba(255, 107, 138, 0.3), 0 0 0 2px rgba(255, 107, 138, 0.4);
}

.adit-sidebar-brand-text {
  font-size: 15px;
  font-weight: 700;
  color: #ffffff;
  letter-spacing: 1.5px;
  white-space: nowrap;
  transition: opacity 0.2s ease, color 0.3s ease;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

.adit-sidebar-brand:hover .adit-sidebar-brand-text {
  color: #f0e6e8;
}

.adit-main-sidebar.collapsed .adit-sidebar-brand-text {
  opacity: 0;
  width: 0;
}

.adit-sidebar-toggle {
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.1);
  color: #a0aec0;
  width: 30px;
  height: 30px;
  border-radius: 8px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  flex-shrink: 0;
}

.adit-sidebar-toggle:hover {
  background: var(--adit-sidebar-accent);
  border-color: var(--adit-sidebar-accent);
  color: #ffffff;
  transform: scale(1.1);
  box-shadow: 0 4px 12px rgba(196, 30, 74, 0.4);
}

.adit-sidebar-toggle:active {
  transform: scale(0.95);
}

.adit-main-sidebar.collapsed .adit-sidebar-toggle i {
  transform: rotate(180deg);
}

/* ===== NAVEGACIÓN ===== */

/* Animación de pulso para item activo */
@keyframes adit-nav-active-pulse {
  0%, 100% { 
    box-shadow: inset 3px 0 0 var(--adit-sidebar-accent), 0 2px 8px rgba(0, 0, 0, 0.15);
  }
  50% { 
    box-shadow: inset 3px 0 0 var(--adit-sidebar-accent), 0 2px 12px rgba(196, 30, 74, 0.25);
  }
}

/* ===== ANIMACIÓN DE PARTÍCULAS ===== */
@keyframes adit-particle-float-1 {
  0%, 100% { transform: translateY(0) translateX(0) scale(1); opacity: 0.3; }
  25% { transform: translateY(-30px) translateX(10px) scale(1.2); opacity: 0.6; }
  50% { transform: translateY(-60px) translateX(-5px) scale(0.8); opacity: 0.4; }
  75% { transform: translateY(-90px) translateX(15px) scale(1.1); opacity: 0.5; }
}

@keyframes adit-particle-float-2 {
  0%, 100% { transform: translateY(0) translateX(0) rotate(0deg); opacity: 0.2; }
  33% { transform: translateY(-40px) translateX(-15px) rotate(120deg); opacity: 0.5; }
  66% { transform: translateY(-80px) translateX(10px) rotate(240deg); opacity: 0.3; }
}

@keyframes adit-particle-float-3 {
  0%, 100% { transform: translateY(0) scale(0.5); opacity: 0.4; }
  50% { transform: translateY(-100px) scale(1.5); opacity: 0.1; }
}

@keyframes adit-particle-glow {
  0%, 100% { box-shadow: 0 0 2px rgba(196, 30, 74, 0.3); }
  50% { box-shadow: 0 0 8px rgba(196, 30, 74, 0.6), 0 0 15px rgba(255, 107, 138, 0.3); }
}

@keyframes adit-particle-drift {
  0% { transform: translateY(100%) translateX(0); opacity: 0; }
  10% { opacity: 0.6; }
  90% { opacity: 0.6; }
  100% { transform: translateY(-100%) translateX(20px); opacity: 0; }
}

.adit-sidebar-nav {
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 14px 0;
  position: relative;
}

/* Contenedor de partículas */
.adit-sidebar-nav::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  z-index: 0;
  background-image: 
    radial-gradient(circle at 20% 30%, rgba(196, 30, 74, 0.15) 1px, transparent 1px),
    radial-gradient(circle at 80% 70%, rgba(255, 107, 138, 0.1) 1px, transparent 1px),
    radial-gradient(circle at 40% 80%, rgba(196, 30, 74, 0.12) 1.5px, transparent 1.5px),
    radial-gradient(circle at 60% 20%, rgba(255, 150, 180, 0.08) 1px, transparent 1px),
    radial-gradient(circle at 10% 60%, rgba(196, 30, 74, 0.1) 2px, transparent 2px),
    radial-gradient(circle at 90% 40%, rgba(255, 107, 138, 0.12) 1px, transparent 1px);
  background-size: 100% 100%;
  animation: adit-particles-ambient 8s ease-in-out infinite;
}

@keyframes adit-particles-ambient {
  0%, 100% { opacity: 0.6; transform: translateY(0); }
  50% { opacity: 1; transform: translateY(-5px); }
}

/* Partículas flotantes dinámicas */
.adit-particles-container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  overflow: hidden;
  z-index: 0;
}

.adit-particle {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
}

.adit-particle-1 {
  width: 4px;
  height: 4px;
  background: radial-gradient(circle, rgba(196, 30, 74, 0.8), transparent);
  left: 15%;
  bottom: 10%;
  animation: adit-particle-float-1 12s ease-in-out infinite, adit-particle-glow 3s ease-in-out infinite;
}

.adit-particle-2 {
  width: 3px;
  height: 3px;
  background: radial-gradient(circle, rgba(255, 107, 138, 0.7), transparent);
  left: 75%;
  bottom: 30%;
  animation: adit-particle-float-2 15s ease-in-out infinite 1s, adit-particle-glow 4s ease-in-out infinite 0.5s;
}

.adit-particle-3 {
  width: 5px;
  height: 5px;
  background: radial-gradient(circle, rgba(196, 30, 74, 0.5), transparent);
  left: 40%;
  bottom: 50%;
  animation: adit-particle-float-3 18s ease-in-out infinite 2s;
}

.adit-particle-4 {
  width: 2px;
  height: 2px;
  background: rgba(255, 150, 180, 0.9);
  left: 25%;
  bottom: 70%;
  animation: adit-particle-float-1 10s ease-in-out infinite 3s, adit-particle-glow 2.5s ease-in-out infinite;
}

.adit-particle-5 {
  width: 3px;
  height: 3px;
  background: radial-gradient(circle, rgba(255, 107, 138, 0.6), transparent);
  left: 85%;
  bottom: 15%;
  animation: adit-particle-float-2 14s ease-in-out infinite 4s;
}

.adit-particle-6 {
  width: 4px;
  height: 4px;
  background: radial-gradient(circle, rgba(196, 30, 74, 0.7), transparent);
  left: 55%;
  bottom: 85%;
  animation: adit-particle-float-3 16s ease-in-out infinite 1.5s, adit-particle-glow 3.5s ease-in-out infinite;
}

.adit-particle-7 {
  width: 2px;
  height: 2px;
  background: rgba(255, 200, 210, 0.8);
  left: 10%;
  bottom: 45%;
  animation: adit-particle-drift 20s linear infinite;
}

.adit-particle-8 {
  width: 3px;
  height: 3px;
  background: radial-gradient(circle, rgba(196, 30, 74, 0.6), transparent);
  left: 65%;
  bottom: 60%;
  animation: adit-particle-drift 25s linear infinite 5s;
}

.adit-sidebar-nav::-webkit-scrollbar {
  width: 5px;
}

.adit-sidebar-nav::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.1);
  border-radius: 10px;
}

.adit-sidebar-nav::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, var(--adit-sidebar-accent), rgba(196, 30, 74, 0.5));
  border-radius: 10px;
}

.adit-sidebar-nav::-webkit-scrollbar-thumb:hover {
  background: var(--adit-sidebar-accent);
}

.adit-sidebar-menu {
  list-style: none;
  padding: 0;
  margin: 0;
}

.adit-sidebar-item {
  margin: 2px 8px;
}

.adit-sidebar-link {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 11px 14px;
  color: var(--adit-sidebar-text);
  text-decoration: none;
  border-radius: 10px;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  font-size: 14px;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  position: relative;
}

/* Efecto de fondo animado */
.adit-sidebar-link::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, var(--adit-sidebar-accent-light) 0%, transparent 100%);
  opacity: 0;
  transition: opacity 0.3s ease;
  border-radius: 10px;
}

.adit-sidebar-link:hover::before {
  opacity: 1;
}

.adit-sidebar-link i {
  width: 22px;
  text-align: center;
  font-size: 17px;
  flex-shrink: 0;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  z-index: 1;
}

.adit-sidebar-link span {
  position: relative;
  z-index: 1;
}

.adit-sidebar-link:hover {
  color: var(--adit-sidebar-text-active);
  text-decoration: none;
  transform: translateX(4px);
}

.adit-sidebar-link:hover i {
  color: #ff6b8a;
  transform: scale(1.15);
  text-shadow: 0 0 10px rgba(255, 107, 138, 0.5);
}

.adit-sidebar-link.active {
  background: var(--adit-sidebar-active-bg);
  color: var(--adit-sidebar-text-active);
  box-shadow: inset 3px 0 0 var(--adit-sidebar-accent), 0 2px 8px rgba(0, 0, 0, 0.15);
  animation: adit-nav-active-pulse 3s ease-in-out infinite;
}

.adit-sidebar-link.active::before {
  opacity: 0;
}

.adit-sidebar-link.active i {
  color: #ff6b8a;
  filter: drop-shadow(0 0 6px rgba(255, 107, 138, 0.6));
}

/* Secciones y divisores */
.adit-sidebar-divider {
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(196, 30, 74, 0.3), rgba(255, 255, 255, 0.08), transparent);
  margin: 16px 20px;
}

.adit-sidebar-section-title {
  padding: 12px 20px 6px;
  font-size: 10px;
  font-weight: 700;
  color: #f0a0b0;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  white-space: nowrap;
  overflow: hidden;
  display: flex;
  align-items: center;
  gap: 8px;
}

.adit-sidebar-section-title::before {
  content: '';
  width: 4px;
  height: 4px;
  background: #f0a0b0;
  border-radius: 50%;
  box-shadow: 0 0 6px rgba(240, 160, 176, 0.6);
}

.adit-main-sidebar.collapsed .adit-sidebar-section-title {
  opacity: 0;
  height: 0;
  padding: 0;
  margin: 0;
}

.adit-main-sidebar.collapsed .adit-sidebar-link span {
  opacity: 0;
  width: 0;
}

/* ===== FOOTER DEL SIDEBAR ===== */
.adit-sidebar-footer {
  border-top: 1px solid rgba(255, 255, 255, 0.06);
  padding: 14px;
  margin-top: auto;
  background: rgba(0, 0, 0, 0.2);
  position: relative;
}

.adit-sidebar-footer::before {
  content: '';
  position: absolute;
  top: 0;
  left: 20px;
  right: 20px;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(196, 30, 74, 0.4), transparent);
}

.adit-sidebar-user {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px;
  margin-bottom: 10px;
  border-radius: 10px;
  background: linear-gradient(135deg, rgba(196, 30, 74, 0.15) 0%, rgba(255, 255, 255, 0.03) 100%);
  overflow: hidden;
  border: 1px solid rgba(196, 30, 74, 0.2);
  transition: all 0.3s ease;
}

.adit-sidebar-user:hover {
  background: linear-gradient(135deg, rgba(196, 30, 74, 0.25) 0%, rgba(255, 255, 255, 0.05) 100%);
  border-color: rgba(196, 30, 74, 0.4);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

.adit-sidebar-avatar {
  width: 38px;
  height: 38px;
  border-radius: 10px;
  object-fit: cover;
  flex-shrink: 0;
  border: 2px solid rgba(196, 30, 74, 0.4);
  transition: all 0.3s ease;
}

.adit-sidebar-user:hover .adit-sidebar-avatar {
  border-color: var(--adit-sidebar-accent);
  box-shadow: 0 0 12px rgba(196, 30, 74, 0.4);
}

.adit-sidebar-avatar-default {
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, var(--adit-sidebar-accent), #a01d45);
  color: white;
  font-size: 15px;
  font-weight: 600;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

.adit-sidebar-user-info {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  transition: opacity 0.2s ease;
}

.adit-sidebar-user-name {
  font-size: 13px;
  font-weight: 600;
  color: #ffffff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.adit-sidebar-user-role {
  font-size: 11px;
  color: rgba(255, 255, 255, 0.5);
  text-transform: capitalize;
}

.adit-main-sidebar.collapsed .adit-sidebar-user-info {
  opacity: 0;
  width: 0;
}

.adit-sidebar-logout {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 11px;
  background: linear-gradient(135deg, rgba(239, 68, 68, 0.15) 0%, rgba(239, 68, 68, 0.08) 100%);
  color: #f87171;
  text-decoration: none;
  border-radius: 10px;
  font-size: 13px;
  font-weight: 600;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  overflow: hidden;
  border: 1px solid rgba(239, 68, 68, 0.2);
  position: relative;
}

.adit-sidebar-logout::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent);
  transition: left 0.5s ease;
}

.adit-sidebar-logout:hover::before {
  left: 100%;
}

.adit-sidebar-logout:hover {
  background: linear-gradient(135deg, rgba(239, 68, 68, 0.25) 0%, rgba(239, 68, 68, 0.15) 100%);
  color: #fca5a5;
  text-decoration: none;
  transform: translateY(-2px);
  box-shadow: 0 4px 16px rgba(239, 68, 68, 0.25);
  border-color: rgba(239, 68, 68, 0.4);
}

.adit-sidebar-logout:active {
  transform: translateY(0);
}

.adit-sidebar-logout i {
  transition: transform 0.3s ease;
}

.adit-sidebar-logout:hover i {
  transform: translateX(-3px);
}

.adit-main-sidebar.collapsed .adit-sidebar-logout span {
  display: none;
}

/* ===== OVERLAY MÓVIL ===== */
.adit-sidebar-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 999;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
}

.adit-sidebar-overlay.active {
  opacity: 1;
  visibility: visible;
}

/* ===== TOPBAR PROFESIONAL ===== */

/* Animación de gradiente shimmer */
@keyframes adit-topbar-shimmer {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

/* Animación de entrada del topbar */
@keyframes adit-topbar-slideIn {
  from {
    transform: translateY(-100%);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}

/* Animación de pulso sutil para elementos interactivos */
@keyframes adit-pulse-subtle {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.05); }
}

/* Animación de glow */
@keyframes adit-glow {
  0%, 100% { box-shadow: 0 2px 10px rgba(74, 10, 30, 0.3); }
  50% { box-shadow: 0 4px 20px rgba(196, 30, 74, 0.5); }
}

.adit-topbar {
  position: fixed;
  top: 0;
  left: var(--adit-sidebar-width);
  right: 0;
  height: var(--adit-topbar-height);
  background: linear-gradient(90deg, #4a0a1e 0%, #3351A6 25%, #3351A6 50%, #3351A6 75%, #4a0a1e 100%);
  background-size: 200% 100%;
  animation: adit-topbar-shimmer 8s ease-in-out infinite, adit-topbar-slideIn 0.4s ease-out;
  border-bottom: 1px solid rgba(196, 30, 74, 0.5);
  box-shadow: 0 2px 10px rgba(74, 10, 30, 0.3);
  z-index: 1001;
  transition: left 0.3s ease, box-shadow 0.3s ease;
}

.adit-topbar.sidebar-collapsed {
  left: var(--adit-sidebar-collapsed-width);
}

.adit-topbar:hover {
  box-shadow: 0 4px 20px rgba(196, 30, 74, 0.4);
}

.adit-topbar-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100%;
  padding: 0 20px;
  transition: padding-left 0.3s ease;
}

.adit-topbar.sidebar-collapsed .adit-topbar-container {
  padding-left: 20px;
}

.adit-topbar-left {
  display: flex;
  align-items: center;
  gap: 16px;
}

.adit-topbar-toggle {
  display: none;
  width: 40px;
  height: 40px;
  background: linear-gradient(135deg, #3351A6 0%, #3351A6 100%);
  border: none;
  border-radius: 10px;
  color: #ffffff;
  font-size: 16px;
  cursor: pointer;
  transition: all 0.2s ease;
  box-shadow: 0 2px 8px rgba(107, 15, 42, 0.25);
}

.adit-topbar-toggle:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(107, 15, 42, 0.35);
}

.adit-topbar-toggle:active {
  transform: translateY(0);
}

/* Logo móvil */
.adit-topbar-brand-mobile {
  display: none;
}

.adit-topbar-logo-sm {
  height: 32px;
  width: auto;
}

/* Breadcrumb mejorado */
.adit-topbar-breadcrumb {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  flex-wrap: wrap;
  min-width: 0;
}

.adit-breadcrumb-home {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  background: rgba(255, 255, 255, 0.15);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 8px;
  color: rgba(255, 255, 255, 0.9);
  text-decoration: none;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  flex-shrink: 0;
}

.adit-breadcrumb-home:hover {
  background: rgba(255, 255, 255, 0.3);
  border-color: rgba(255, 255, 255, 0.5);
  color: #ffffff;
  text-decoration: none;
  transform: translateY(-2px) scale(1.05);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

.adit-breadcrumb-home:active {
  transform: translateY(0) scale(0.98);
}

.adit-breadcrumb-separator {
  font-size: 9px;
  color: rgba(255, 255, 255, 0.35);
  flex-shrink: 0;
}

.adit-breadcrumb-current {
  font-weight: 600;
  color: #ffffff;
  padding: 5px 12px;
  background: rgba(255, 255, 255, 0.18);
  border-radius: 6px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 220px;
}

.adit-breadcrumb-current i {
  margin-right: 5px;
  font-size: 12px;
  opacity: 0.85;
}

.adit-breadcrumb-link {
  font-weight: 500;
  color: rgba(255, 255, 255, 0.85);
  padding: 5px 10px;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 6px;
  text-decoration: none;
  transition: all 0.25s ease;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 180px;
  display: inline-flex;
  align-items: center;
}

.adit-breadcrumb-link i {
  margin-right: 5px;
  font-size: 11px;
  opacity: 0.7;
}

.adit-breadcrumb-link:hover {
  color: #ffffff;
  background: rgba(255, 255, 255, 0.22);
  border-color: rgba(255, 255, 255, 0.35);
  text-decoration: none;
  transform: translateY(-1px);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

.adit-breadcrumb-link:active {
  transform: translateY(0);
}

.adit-breadcrumb-text {
  font-weight: 500;
  color: rgba(255, 255, 255, 0.6);
  padding: 5px 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 180px;
  display: inline-flex;
  align-items: center;
}

.adit-breadcrumb-text i {
  margin-right: 5px;
  font-size: 11px;
  opacity: 0.6;
}

.adit-breadcrumb-action {
  font-weight: 500;
  color: rgba(255, 255, 255, 0.8);
  padding: 5px 10px;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 6px;
  white-space: nowrap;
}

/* Responsive: colapsar breadcrumbs largos en móvil */
@media (max-width: 768px) {
  .adit-topbar-breadcrumb {
    gap: 4px;
    font-size: 12px;
  }
  
  .adit-breadcrumb-link,
  .adit-breadcrumb-current,
  .adit-breadcrumb-text {
    max-width: 120px;
    padding: 4px 8px;
  }
  
  .adit-breadcrumb-link i,
  .adit-breadcrumb-current i,
  .adit-breadcrumb-text i {
    display: none;
  }
}

@media (max-width: 480px) {
  .adit-breadcrumb-link,
  .adit-breadcrumb-current,
  .adit-breadcrumb-text {
    max-width: 90px;
  }
}

/* Lado derecho del topbar */
.adit-topbar-right {
  display: flex;
  align-items: center;
  gap: 8px;
}

/* Acciones del topbar */
.adit-topbar-action {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border-radius: 10px;
  color: rgba(255, 255, 255, 0.8);
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  text-decoration: none;
  background: rgba(255, 255, 255, 0.1);
  position: relative;
  overflow: hidden;
}

.adit-topbar-search {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 38px;
  height: 38px;
  border-radius: 10px;
  color: rgba(255, 255, 255, 0.8);
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  text-decoration: none;
  background: rgba(255, 255, 255, 0.1);
  position: relative;
  overflow: visible;
}

.adit-topbar-action::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 50%;
  transform: translate(-50%, -50%);
  transition: width 0.4s ease, height 0.4s ease;
}

.adit-topbar-action:hover::before {
  width: 150%;
  height: 150%;
}

.adit-topbar-search:hover,
.adit-topbar-action:hover {
  background: rgba(255, 255, 255, 0.2);
  color: #ffffff;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.adit-topbar-search:active,
.adit-topbar-action:active {
  transform: translateY(0) scale(0.95);
}

/* Animación de icono en hover */
.adit-topbar-search:hover #adit-search-icon,
.adit-topbar-action:hover i {
  animation: adit-pulse-subtle 0.4s ease;
}

/* Barra de búsqueda expandida */
.adit-topbar-search.expanded {
  background: rgba(255, 255, 255, 0.2);
  border-radius: 20px;
  padding: 0 6px;
}

.adit-topbar-search #adit-search-icon {
  font-size: 15px;
  color: rgba(255, 255, 255, 0.85);
  cursor: pointer;
  transition: all 0.2s;
  z-index: 2;
  flex-shrink: 0;
}

.adit-topbar-search:hover #adit-search-icon {
  color: #ffffff;
}

.adit-topbar-search #adit-global-search-input {
  width: 0;
  padding: 0;
  border: none;
  outline: none;
  background: transparent;
  font-size: 13px;
  color: #ffffff;
  transition: all 0.3s ease;
  margin-left: 0;
  opacity: 0;
}

.adit-topbar-search #adit-global-search-input::placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.adit-topbar-search #adit-global-search-input.expanded {
  width: 220px;
  padding: 4px 8px;
  margin-left: 8px;
  opacity: 1;
}

/* Atajo de teclado badge */
.adit-search-shortcut {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  margin-left: 6px;
  opacity: 0;
  transition: opacity 0.3s;
}

.adit-topbar-search:hover .adit-search-shortcut {
  opacity: 0.6;
}

.adit-search-shortcut kbd {
  font-size: 10px;
  padding: 1px 4px;
  background: rgba(255,255,255,0.15);
  border-radius: 3px;
  color: rgba(255,255,255,0.7);
  font-family: inherit;
  border: 1px solid rgba(255,255,255,0.2);
}

.adit-topbar-divider {
  width: 1px;
  height: 28px;
  background: rgba(255, 255, 255, 0.2);
  margin: 0 8px;
}

/* Usuario en topbar */
.adit-topbar-user-wrapper {
  position: relative;
}

.adit-topbar-user {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 6px 12px 6px 6px;
  border-radius: 12px;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.05);
  position: relative;
  overflow: hidden;
}

.adit-topbar-user::after {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent);
  transition: left 0.5s ease;
}

.adit-topbar-user:hover::after {
  left: 100%;
}

.adit-topbar-user:hover {
  background: rgba(255, 255, 255, 0.15);
  border-color: rgba(255, 255, 255, 0.3);
  transform: translateY(-1px);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
}

.adit-topbar-avatar-container {
  position: relative;
}

.adit-topbar-avatar {
  width: 38px;
  height: 38px;
  border-radius: 10px;
  object-fit: cover;
  border: 2px solid rgba(255, 255, 255, 0.3);
}

.adit-topbar-avatar-icon {
  width: 38px;
  height: 38px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #3351A6 0%, #3351A6 100%);
  color: #ffffff;
  font-size: 15px;
  font-weight: 600;
}

@keyframes adit-status-pulse {
  0%, 100% {
    box-shadow: 0 0 0 0 rgba(34, 197, 94, 0.6);
  }
  50% {
    box-shadow: 0 0 0 4px rgba(34, 197, 94, 0);
  }
}

.adit-topbar-status-dot {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 10px;
  height: 10px;
  background: #22c55e;
  border: 2px solid rgba(107, 15, 42, 0.8);
  border-radius: 50%;
  animation: adit-status-pulse 2s ease-in-out infinite;
}

.adit-topbar-user-info {
  display: flex;
  flex-direction: column;
  line-height: 1.3;
}

.adit-topbar-user-name {
  font-size: 13px;
  font-weight: 600;
  color: #ffffff;
}

.adit-topbar-user-role {
  font-size: 11px;
  color: rgba(255, 255, 255, 0.7);
}

.adit-topbar-user-arrow {
  font-size: 10px;
  color: rgba(255, 255, 255, 0.6);
  transition: transform 0.2s ease;
}

.adit-topbar-user-wrapper:hover .adit-topbar-user-arrow {
  transform: rotate(180deg);
}

/* Dropdown del usuario con animaciones */
@keyframes adit-dropdown-slideIn {
  from {
    opacity: 0;
    transform: translateY(-10px) scale(0.95);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

.adit-topbar-user-dropdown {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  width: 280px;
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.12), 0 2px 10px rgba(0, 0, 0, 0.08);
  opacity: 0;
  visibility: hidden;
  transform: translateY(-10px) scale(0.95);
  transform-origin: top right;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  z-index: 1100;
}

.adit-topbar-user-wrapper:hover .adit-topbar-user-dropdown {
  opacity: 1;
  visibility: visible;
  transform: translateY(0) scale(1);
  animation: adit-dropdown-slideIn 0.3s ease-out;
}

.adit-user-dropdown-header {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 16px;
}

.adit-dropdown-avatar,
.adit-dropdown-avatar-icon {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  object-fit: cover;
}

.adit-dropdown-avatar-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #3351A6 0%, #3351A6 100%);
  color: #ffffff;
  font-size: 18px;
  font-weight: 600;
}

.adit-dropdown-user-info {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.adit-dropdown-user-name {
  font-size: 14px;
  font-weight: 600;
  color: #1e293b;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.adit-dropdown-user-role {
  font-size: 12px;
  color: #64748b;
}

.adit-user-dropdown-divider {
  height: 1px;
  background: #e2e8f0;
  margin: 0;
}

.adit-user-dropdown-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  color: #475569;
  text-decoration: none;
  transition: all 0.15s ease;
}

.adit-user-dropdown-item i {
  width: 18px;
  font-size: 14px;
  color: #94a3b8;
  transition: color 0.15s ease;
}

.adit-user-dropdown-item:hover {
  background: #f8fafc;
  color: #1e293b;
}

.adit-user-dropdown-item:hover i {
  color: #3351A6;
}

.adit-logout-item {
  color: #dc2626;
}

.adit-logout-item i {
  color: #dc2626;
}

.adit-logout-item:hover {
  background: #fef2f2;
  color: #b91c1c;
}

.adit-logout-item:hover i {
  color: #b91c1c;
}

/* ===== CONTENIDO PRINCIPAL ===== */
.adit-main-content {
  margin-left: var(--adit-sidebar-width);
  margin-top: var(--adit-topbar-height);
  min-height: calc(100vh - var(--adit-topbar-height));
  transition: margin-left 0.3s ease;
  background: linear-gradient(135deg, #f5f7fa 0%, #e4e8ec 50%, #f0f2f5 100%);
}

.adit-main-content.sidebar-collapsed {
  margin-left: var(--adit-sidebar-collapsed-width);
}

.adit-main-content-inner {
  padding: 0;
}

/* ===== TOOLBAR STICKY PREMIUM ===== */
.adit-toolbar {
  position: fixed;
  top: var(--adit-topbar-height);
  left: var(--adit-sidebar-width);
  right: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  /* Fondo premium: degradado sutil con tinte metálico */
  background:
    linear-gradient(
      168deg,
      rgba(255,255,255,0.92) 0%,
      rgba(248,246,252,0.88) 30%,
      rgba(240,237,248,0.85) 55%,
      rgba(245,243,250,0.90) 75%,
      rgba(255,255,255,0.92) 100%
    );
  border-bottom: 1px solid rgba(107, 15, 42, 0.07);
  padding: 14px 28px;
  z-index: 990;
  flex-wrap: wrap;
  gap: 14px;
  box-shadow:
    0 1px 2px rgba(45, 11, 31, 0.04),
    0 4px 12px rgba(45, 11, 31, 0.03),
    0 8px 28px rgba(107, 15, 42, 0.025),
    inset 0 1px 0 rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(20px) saturate(1.4);
  -webkit-backdrop-filter: blur(20px) saturate(1.4);
  transition: left 0.3s cubic-bezier(0.4, 0, 0.2, 1),
              box-shadow 0.4s ease;
}

/* Línea decorativa superior con shimmer animado */
.adit-toolbar::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg,
    #2F2D38   0%,
    #3351A6  15%,
    #3351A6  30%,
    #C41E4A  45%,
    #e8507a  50%,
    #C41E4A  55%,
    #3351A6  70%,
    #3351A6  85%,
    #2F2D38 100%);
  background-size: 200% 100%;
  animation: adit-toolbar-shimmer 6s ease-in-out infinite;
  opacity: 0.9;
}

/* Reflejo / brillo glassmorphism inferior */
.adit-toolbar::after {
  content: '';
  position: absolute;
  top: 3px;
  left: 0;
  right: 0;
  height: 50%;
  background:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.55) 0%,
      rgba(255, 255, 255, 0.15) 40%,
      transparent 100%
    );
  pointer-events: none;
  z-index: 0;
}

/* Shimmer de la línea superior */
@keyframes adit-toolbar-shimmer {
  0%   { background-position: 200% 0; }
  50%  { background-position: 0%  0; }
  100% { background-position: 200% 0; }
}

/* Ajuste cuando el sidebar está colapsado */
.sidebar-collapsed ~ .adit-main-content .adit-toolbar,
.adit-main-content.sidebar-collapsed .adit-toolbar {
  left: var(--adit-sidebar-collapsed-width);
}



.adit-toolbar-left {
  display: flex;
  align-items: center;
  gap: 16px;
}

.adit-toolbar-right {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.adit-toolbar-title {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 16px;
  font-weight: 700;
  color: #1a202c;
  padding: 0;
  background: none;
  border-radius: 0;
  border: none;
}

.adit-toolbar-title > i:first-child {
  color: #fff;
  font-size: 15px;
  background: linear-gradient(135deg, #3351A6 0%, #3351A6 50%, #A0183C 100%);
  padding: 9px;
  border-radius: 10px;
  box-shadow: 
    0 2px 8px rgba(107, 15, 42, 0.25),
    0 4px 16px rgba(107, 15, 42, 0.10),
    inset 0 1px 0 rgba(255, 255, 255, 0.2);
  min-width: 35px;
  min-height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 1;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.adit-toolbar-title:hover > i:first-child {
  transform: scale(1.06);
  box-shadow:
    0 3px 10px rgba(107, 15, 42, 0.30),
    0 6px 20px rgba(107, 15, 42, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.25);
}

.adit-toolbar-title span:first-of-type {
  color: #1e293b;
  -webkit-text-fill-color: #1e293b;
  background: none;
  -webkit-background-clip: unset;
  background-clip: unset;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.2px;
}

.adit-toolbar-status {
  font-size: 11px;
  padding: 4px 12px;
  border-radius: 6px;
  font-weight: 600;
  letter-spacing: 0.3px;
  box-shadow: none;
  animation: none;
  position: relative;
}

.adit-status-info {
  background: rgba(59, 130, 246, 0.08);
  color: #2563eb;
  border: 1px solid rgba(59, 130, 246, 0.15);
}

.adit-status-success {
  background: rgba(34, 197, 94, 0.08);
  color: #16a34a;
  border: 1px solid rgba(34, 197, 94, 0.15);
}

.adit-status-warning {
  background: rgba(245, 158, 11, 0.08);
  color: #d97706;
  border: 1px solid rgba(245, 158, 11, 0.15);
}

.adit-status-danger {
  background: rgba(239, 68, 68, 0.08);
  color: #dc2626;
  border: 1px solid rgba(239, 68, 68, 0.15);
}

/* Botones de la toolbar */
.adit-toolbar-btn {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 9px 18px;
  border-radius: 9px;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  border: none;
  cursor: pointer;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  white-space: nowrap;
  position: relative;
  overflow: hidden;
  letter-spacing: 0.1px;
}

.adit-toolbar-btn::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.15), transparent);
  transition: left 0.5s ease;
}

.adit-toolbar-btn:hover::before {
  left: 100%;
}

.adit-toolbar-btn i {
  font-size: 13px;
  transition: transform 0.2s ease;
}

.adit-toolbar-btn:hover {
  transform: translateY(-1px);
  text-decoration: none;
}

.adit-toolbar-btn:hover i {
  transform: scale(1.08);
}

.adit-toolbar-btn:active {
  transform: translateY(0) scale(0.98);
}

.adit-btn-primary {
  background: linear-gradient(135deg, #3351A6 0%, #3351A6 100%);
  color: white;
  box-shadow: 
    0 1px 2px rgba(107, 15, 42, 0.15),
    0 4px 12px rgba(107, 15, 42, 0.15);
}

.adit-btn-primary:hover {
  background: linear-gradient(135deg, #5a0d24 0%, #7a1230 100%);
  color: white;
  box-shadow: 
    0 2px 4px rgba(107, 15, 42, 0.2),
    0 8px 20px rgba(107, 15, 42, 0.25);
}

/* Botón Regresar - discreto y limpio */
.adit-btn-back {
  background: transparent !important;
  color: #64748b !important;
  border: 1px solid #e2e8f0 !important;
  box-shadow: none !important;
  font-weight: 500;
  padding: 9px 16px;
  border-radius: 9px;
  transition: all 0.2s ease;
}

.adit-btn-back:hover {
  background: #f8fafc !important;
  color: #475569 !important;
  border-color: #cbd5e1 !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06) !important;
  transform: translateX(-2px);
}

.adit-btn-back i {
  color: #94a3b8;
  margin-right: 4px;
  transition: all 0.2s ease;
}

.adit-btn-back:hover i {
  color: #3351A6;
  transform: translateX(-2px);
}

.adit-btn-secondary {
  background: #ffffff !important;
  color: #3351A6 !important;
  border: 1.5px solid rgba(107, 15, 42, 0.18) !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}

.adit-btn-secondary:hover {
  background: linear-gradient(135deg, #3351A6 0%, #3351A6 100%) !important;
  color: #ffffff !important;
  border-color: #3351A6 !important;
  box-shadow: 0 4px 12px rgba(107, 15, 42, 0.2);
}

.adit-btn-secondary i {
  color: #3351A6;
  transition: color 0.2s ease;
}

.adit-btn-secondary:hover i {
  color: #ffffff !important;
}

.adit-btn-success {
  background: linear-gradient(135deg, #059669 0%, #047857 100%);
  color: white;
  box-shadow: 
    0 1px 2px rgba(5, 150, 105, 0.15),
    0 4px 12px rgba(5, 150, 105, 0.15);
}

.adit-btn-success:hover {
  background: linear-gradient(135deg, #047857 0%, #065f46 100%);
  color: white;
  box-shadow: 
    0 2px 4px rgba(5, 150, 105, 0.2),
    0 8px 20px rgba(5, 150, 105, 0.25);
}

.adit-btn-info {
  background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);
  color: white;
  box-shadow: 
    0 1px 2px rgba(37, 99, 235, 0.15),
    0 4px 12px rgba(37, 99, 235, 0.15);
}

.adit-btn-info:hover {
  background: linear-gradient(135deg, #1d4ed8 0%, #1e40af 100%);
  color: white;
  box-shadow: 
    0 2px 4px rgba(37, 99, 235, 0.2),
    0 8px 20px rgba(37, 99, 235, 0.25);
}

.adit-btn-danger {
  background: linear-gradient(135deg, #dc2626 0%, #b91c1c 100%);
  color: white;
  box-shadow: 
    0 1px 2px rgba(220, 38, 38, 0.15),
    0 4px 12px rgba(220, 38, 38, 0.15);
}

.adit-btn-danger:hover {
  background: linear-gradient(135deg, #b91c1c 0%, #991b1b 100%);
  color: white;
  box-shadow: 
    0 2px 4px rgba(220, 38, 38, 0.2),
    0 8px 20px rgba(220, 38, 38, 0.25);
}

.adit-btn-block {
  width: 100%;
  justify-content: center;
}

/* Dropdown en la toolbar */
.adit-toolbar-dropdown {
  position: relative;
  display: inline-block;
}

.adit-dropdown-arrow {
  font-size: 9px !important;
  margin-left: 5px;
  opacity: 0.7;
  transition: transform 0.25s ease, opacity 0.25s ease;
}

.adit-toolbar-dropdown:hover .adit-dropdown-arrow {
  transform: rotate(180deg);
  opacity: 1;
}

/* ===== CUSTOM DROPDOWN (sin dependencia de Bootstrap) ===== */
.adit-custom-dropdown {
  position: relative;
}

.adit-custom-dropdown-menu {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  min-width: 320px;
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-radius: 12px;
  box-shadow: 
    0 4px 6px rgba(0, 0, 0, 0.04),
    0 12px 40px rgba(0, 0, 0, 0.1);
  z-index: 1100;
  padding: 0;
  display: none;
  opacity: 0;
  transform: translateY(-6px);
  transition: opacity 0.2s ease, transform 0.2s ease;
  overflow: hidden;
}

.adit-custom-dropdown-menu::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, #3351A6, #3351A6, #B91C4A);
  opacity: 0.85;
}

.adit-custom-dropdown.open .adit-custom-dropdown-menu {
  display: block;
  opacity: 1;
  transform: translateY(0);
}

.adit-custom-dropdown.open .adit-dropdown-arrow {
  transform: rotate(180deg);
}

.adit-toolbar-dropdown-menu {
  position: absolute;
  top: 100%;
  right: 0;
  min-width: 320px;
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-radius: 12px;
  box-shadow: 
    0 4px 6px rgba(0, 0, 0, 0.04),
    0 12px 40px rgba(0, 0, 0, 0.1);
  z-index: 1050;
  margin-top: 8px;
  padding: 0;
  display: none;
  animation: dropdownSlide 0.2s ease;
  overflow: hidden;
}

@keyframes dropdownSlide {
  from {
    opacity: 0;
    transform: translateY(-6px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.adit-toolbar-dropdown-menu::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, #3351A6, #3351A6, #B91C4A);
  opacity: 0.85;
}

.adit-toolbar-dropdown-menu.show {
  display: block;
}

.adit-dropdown-form {
  padding: 22px;
}

.adit-dropdown-title {
  margin: 0 0 18px 0;
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(107, 15, 42, 0.08);
  font-size: 15px;
  font-weight: 700;
  color: #1e293b;
  display: flex;
  align-items: center;
  gap: 10px;
  letter-spacing: -0.2px;
}

.adit-dropdown-title i {
  color: #fff;
  background: linear-gradient(135deg, #3351A6 0%, #3351A6 100%);
  padding: 7px;
  border-radius: 8px;
  font-size: 12px;
  box-shadow: 0 2px 6px rgba(107, 15, 42, 0.2);
}

.adit-dropdown-field {
  margin-bottom: 16px;
}

.adit-dropdown-field label {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  font-weight: 600;
  color: #475569;
  margin-bottom: 6px;
  text-transform: uppercase;
  letter-spacing: 0.3px;
}

.adit-dropdown-field label i {
  color: #3351A6;
  font-size: 11px;
}

.adit-dropdown-field .form-control {
  border: 1.5px solid #e2e8f0;
  border-radius: 8px;
  padding: 10px 14px;
  font-size: 14px;
  transition: all 0.2s ease;
  background: #fafbfc;
}

.adit-dropdown-field .form-control:focus {
  border-color: #3351A6;
  box-shadow: 0 0 0 3px rgba(139, 21, 56, 0.08);
  outline: none;
  background: #ffffff;
}

.adit-dropdown-field .input-group {
  display: flex;
  border-radius: 8px;
  overflow: hidden;
  border: 1.5px solid #e2e8f0;
  transition: all 0.2s ease;
}

.adit-dropdown-field .input-group:focus-within {
  border-color: #3351A6;
  box-shadow: 0 0 0 3px rgba(139, 21, 56, 0.08);
}

.adit-dropdown-field .input-group-addon {
  background: #f1f5f9;
  border: none;
  padding: 10px 14px;
  display: flex;
  align-items: center;
}

.adit-dropdown-field .input-group-addon i {
  color: #3351A6;
}

.adit-dropdown-field .input-group .form-control {
  border: none;
  border-radius: 0;
  background: #fafbfc;
}

.adit-dropdown-field label i {
  margin-right: 6px;
  color: #3351A6;
}

.adit-dropdown-field .form-control {
  border-radius: 8px;
  border: 1.5px solid #e2e8f0;
  padding: 10px 12px;
  font-size: 14px;
  background: #fafbfc;
}

.adit-dropdown-field .form-control:focus {
  border-color: #3351A6;
  box-shadow: 0 0 0 3px rgba(139, 21, 56, 0.08);
  background: #ffffff;
}

.adit-dropdown-field .input-group-addon {
  background: #f1f5f9;
  border: 1.5px solid #e2e8f0;
  border-right: none;
  border-radius: 8px 0 0 8px;
  color: #3351A6;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 1199px) {
  .adit-main-sidebar {
    transform: translateX(-100%);
  }
  
  .adit-main-sidebar.mobile-open {
    transform: translateX(0);
  }
  
  .adit-topbar-container {
    padding-left: 20px;
  }
  
  .adit-topbar-toggle {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  .adit-topbar-brand-mobile {
    display: block;
  }
  
  .adit-main-content {
    margin-left: 0;
  }
}

@media (max-width: 768px) {
  .adit-toolbar {
    flex-direction: column;
    align-items: stretch;
    padding: 10px 14px;
    gap: 10px;
  }
  
  .adit-toolbar-left,
  .adit-toolbar-right {
    justify-content: center;
  }
  
  .adit-toolbar-btn span {
    display: none;
  }
  
  .adit-toolbar-btn {
    padding: 9px 12px;
  }
  
  .adit-toolbar-dropdown-menu {
    position: fixed;
    left: 50%;
    transform: translateX(-50%);
    right: auto;
    width: 90%;
    max-width: 350px;
  }
  
  /* Topbar responsive */
  .adit-topbar-search {
    display: none;
  }
  
  .adit-topbar-user-info {
    display: none;
  }
  
  .adit-topbar-user-arrow {
    display: none;
  }
  
  .adit-topbar-user {
    padding: 4px;
    border-radius: 10px;
  }
  
  .adit-breadcrumb-current,
  .adit-breadcrumb-action,
  .adit-breadcrumb-link,
  .adit-breadcrumb-text,
  .adit-breadcrumb-separator {
    display: none;
  }
  
  .adit-topbar-user-dropdown {
    right: -10px;
    width: 260px;
  }
}

@media (max-width: 576px) {
  .adit-toolbar-title span {
    display: none;
  }
  
  .adit-toolbar-status {
    font-size: 11px;
    padding: 3px 8px;
  }
  
  .adit-sidebar-header {
    padding: 12px;
  }
  
  .adit-sidebar-logo {
    width: 30px;
    height: 30px;
  }
}

/* ===== CONTENIDO DE PÁGINA ===== */
.adit-page-content {
  padding: 24px 28px;
  padding-bottom: 60px; /* Espacio para el footer */
  min-height: calc(100vh - var(--adit-topbar-height) - 80px);
}

.adit-alerts-container {
  margin-bottom: 20px;
}

/* Header compacto */
.adit-header-compact {
  padding: 20px 24px;
  margin-bottom: 20px;
}

.adit-header-compact .adit-header-main {
  margin-bottom: 0;
}

/* Ajustes para secciones de información */
.adit-info-section {
  margin-bottom: 24px;
  background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
  border-radius: 14px;
  padding: 24px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.05);
  border: 1px solid rgba(0, 0, 0, 0.06);
  position: relative;
  overflow: hidden;
}

/* Línea decorativa superior para secciones */
.adit-info-section::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, 
    transparent 0%,
    rgba(107, 15, 42, 0.3) 20%,
    #3351A6 50%,
    rgba(107, 15, 42, 0.3) 80%,
    transparent 100%);
}

/* ===== ESTADO DE LA TOOLBAR ===== */
.adit-status-abierta,
.adit-status-activa,
.adit-status-activo,
.adit-status-en-proceso {
  background: linear-gradient(315deg, rgba(34, 197, 94, 0.15) 0%, rgba(22, 163, 74, 0.25) 100%);
  color: #15803d;
  border: 1px solid rgba(34, 197, 94, 0.3);
}

.adit-status-terminada,
.adit-status-terminado,
.adit-status-completado {
  background: linear-gradient(315deg, rgba(59, 130, 246, 0.15) 0%, rgba(37, 99, 235, 0.25) 100%);
  color: #ffffff;
  border: 1px solid rgba(59, 130, 246, 0.3);
}

.adit-status-cancelada,
.adit-status-cancelado {
  background: linear-gradient(315deg, rgba(239, 68, 68, 0.15) 0%, rgba(220, 38, 38, 0.25) 100%);
  color: #b91c1c;
  border: 1px solid rgba(239, 68, 68, 0.3);
}

.adit-status-pendiente {
  background: linear-gradient(315deg, rgba(245, 158, 11, 0.15) 0%, rgba(217, 119, 6, 0.25) 100%);
  color: #b45309;
  border: 1px solid rgba(245, 158, 11, 0.3);
}

/* ===== UTILIDADES ADIT (Reemplazo de Bootstrap) ===== */

/* Display utilities */
.adit-d-none { display: none !important; }
.adit-d-block { display: block !important; }
.adit-d-flex { display: flex !important; }
.adit-d-inline-flex { display: inline-flex !important; }

/* Flex utilities */
.adit-flex-column { flex-direction: column !important; }
.adit-flex-row { flex-direction: row !important; }
.adit-flex-wrap { flex-wrap: wrap !important; }
.adit-align-items-center { align-items: center !important; }
.adit-justify-content-center { justify-content: center !important; }
.adit-justify-content-between { justify-content: space-between !important; }
.adit-gap-1 { gap: 4px !important; }
.adit-gap-2 { gap: 8px !important; }
.adit-gap-3 { gap: 12px !important; }
.adit-gap-4 { gap: 16px !important; }

/* Text utilities */
.adit-text-center { text-align: center !important; }
.adit-text-left { text-align: left !important; }
.adit-text-right { text-align: right !important; }
.adit-text-muted { color: #6c757d !important; }
.adit-text-primary { color: #3351A6 !important; }
.adit-text-success { color: #16a34a !important; }
.adit-text-danger { color: #dc2626 !important; }
.adit-text-white { color: #ffffff !important; }
.adit-fw-normal { font-weight: 400 !important; }
.adit-fw-medium { font-weight: 500 !important; }
.adit-fw-semibold { font-weight: 600 !important; }
.adit-fw-bold { font-weight: 700 !important; }
.adit-fs-sm { font-size: 12px !important; }
.adit-fs-md { font-size: 14px !important; }
.adit-fs-lg { font-size: 16px !important; }

/* Spacing utilities */
.adit-m-0 { margin: 0 !important; }
.adit-mt-1 { margin-top: 4px !important; }
.adit-mt-2 { margin-top: 8px !important; }
.adit-mt-3 { margin-top: 12px !important; }
.adit-mt-4 { margin-top: 16px !important; }
.adit-mb-1 { margin-bottom: 4px !important; }
.adit-mb-2 { margin-bottom: 8px !important; }
.adit-mb-3 { margin-bottom: 12px !important; }
.adit-mb-4 { margin-bottom: 16px !important; }
.adit-p-0 { padding: 0 !important; }
.adit-p-2 { padding: 8px !important; }
.adit-p-3 { padding: 12px !important; }
.adit-p-4 { padding: 16px !important; }

/* Border utilities */
.adit-rounded { border-radius: 8px !important; }
.adit-rounded-lg { border-radius: 12px !important; }
.adit-rounded-full { border-radius: 50% !important; }
.adit-border { border: 1px solid #e5e7eb !important; }
.adit-border-0 { border: 0 !important; }

/* Shadow utilities */
.adit-shadow-sm { box-shadow: 0 1px 2px rgba(0,0,0,0.05) !important; }
.adit-shadow { box-shadow: 0 4px 6px rgba(0,0,0,0.1) !important; }
.adit-shadow-lg { box-shadow: 0 10px 25px rgba(0,0,0,0.15) !important; }

/* Width/Height utilities */
.adit-w-100 { width: 100% !important; }
.adit-h-100 { height: 100% !important; }

/* Responsive display */
@media (min-width: 768px) {
  .adit-d-md-none { display: none !important; }
  .adit-d-md-block { display: block !important; }
  .adit-d-md-flex { display: flex !important; }
  .adit-d-md-inline { display: inline !important; }
}

@media (max-width: 767px) {
  .adit-d-sm-none { display: none !important; }
  .adit-topbar-user-info {
    display: none;
  }
}

/* ===== AJUSTES ADICIONALES ===== */

/* Asegurar que el sidebar no tenga conflictos con Bootstrap */
.adit-main-sidebar *,
.adit-topbar *,
.adit-toolbar * {
  box-sizing: border-box;
}

/* Reset de algunos estilos de Bootstrap que pueden interferir */
.adit-main-sidebar .nav,
.adit-main-sidebar .navbar {
  all: unset;
}

.adit-main-sidebar ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

/* Mejora visual del contenido principal */
.adit-main-content {
  background: #f5f7fa;
}

.adit-main-content-inner {
  min-height: calc(100vh - var(--adit-topbar-height) - 60px);
}

/* Scrollbar personalizada para el contenido */
.adit-main-content::-webkit-scrollbar {
  width: 8px;
}

.adit-main-content::-webkit-scrollbar-track {
  background: #f1f1f1;
}

.adit-main-content::-webkit-scrollbar-thumb {
  background: #c1c1c1;
  border-radius: 4px;
}

.adit-main-content::-webkit-scrollbar-thumb:hover {
  background: #a1a1a1;
}

/* Animación suave para transiciones */
.adit-main-sidebar,
.adit-topbar,
.adit-main-content {
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Z-index hierarchy */
.adit-topbar { z-index: 1001; }
.adit-main-sidebar { z-index: 1000; }
.adit-sidebar-overlay { z-index: 999; }
.adit-toolbar { z-index: 100; }
.adit-toolbar-dropdown-menu { z-index: 1050; }
/* ========================================================================
   ADIT UTILITIES - Clases de Utilidad para Sistema Limpio
   Reemplaza estilos inline comunes con clases reutilizables
   ======================================================================== */

/* ===== SPACING & SIZING ===== */
.adit-logo {
  height: 38px;
  width: auto;
  display: block;
  transition: all 0.3s ease;
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.3));
  border-radius: 4px;
}

.adit-logo-sm {
  height: 28px;
  width: auto;
  transition: all 0.3s ease;
  filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.2));
}

.adit-logo-lg {
  height: 45px;
  width: auto;
  transition: all 0.3s ease;
  filter: drop-shadow(0 3px 6px rgba(0, 0, 0, 0.4));
}

.adit-content-margin {
  margin-top: var(--adit-navbar-height);
}

/* Márgenes para footer minimalista */
.adit-content-margin-minimal {
  margin-top: var(--adit-navbar-height);
  margin-bottom: 60px; /* Espacio para footer minimalista */
  min-height: calc(100vh - var(--adit-navbar-height) - 60px);
}

/* Márgenes para footer completo (página de login) */
.adit-content-margin-full {
  margin-top: var(--adit-navbar-height);
  margin-bottom: 200px; /* Espacio para footer completo */
  min-height: calc(100vh - var(--adit-navbar-height) - 200px);
}

.adit-full-height {
  min-height: calc(100vh - var(--adit-navbar-height));
}

/* ===== LAYOUT HELPERS ===== */
.adit-flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}

.adit-flex-between {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.adit-flex-start {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.adit-flex-end {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

/* ===== CONTAINERS ===== */
.adit-container {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 var(--adit-spacing-md);
}

.adit-container-fluid {
  width: 100%;
  padding: 0 var(--adit-spacing-md);
}

.adit-content-wrapper {
  background: var(--adit-background-light);
  border-radius: var(--adit-border-radius);
  padding: var(--adit-spacing-lg);
  margin: var(--adit-spacing-md) 0;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

/* ===== TEXT UTILITIES ===== */
.adit-text-primary { color: var(--adit-primary-1) !important; }
.adit-text-secondary { color: var(--adit-primary-2) !important; }
.adit-text-accent { color: var(--adit-accent) !important; }
.adit-text-white { color: var(--adit-white) !important; }
.adit-text-light { color: var(--adit-text-light) !important; }
.adit-text-muted { color: var(--adit-text-muted) !important; }

.adit-font-weight-light { font-weight: 300; }
.adit-font-weight-normal { font-weight: 400; }
.adit-font-weight-medium { font-weight: 500; }
.adit-font-weight-semibold { font-weight: 600; }
.adit-font-weight-bold { font-weight: 700; }

.adit-text-center { text-align: center; }
.adit-text-left { text-align: left; }
.adit-text-right { text-align: right; }

/* ===== BACKGROUND UTILITIES ===== */
.adit-bg-primary { background: var(--adit-gradient-main) !important; }
.adit-bg-secondary { background: var(--adit-gradient-alt) !important; }
.adit-bg-light { background: var(--adit-background-light) !important; }
.adit-bg-white { background: var(--adit-white) !important; }

/* ===== SPACING UTILITIES ===== */
.adit-m-0 { margin: 0 !important; }
.adit-m-1 { margin: var(--adit-spacing-xs) !important; }
.adit-m-2 { margin: var(--adit-spacing-sm) !important; }
.adit-m-3 { margin: var(--adit-spacing-md) !important; }
.adit-m-4 { margin: var(--adit-spacing-lg) !important; }
.adit-m-5 { margin: var(--adit-spacing-xl) !important; }

.adit-mt-0 { margin-top: 0 !important; }
.adit-mt-1 { margin-top: var(--adit-spacing-xs) !important; }
.adit-mt-2 { margin-top: var(--adit-spacing-sm) !important; }
.adit-mt-3 { margin-top: var(--adit-spacing-md) !important; }
.adit-mt-4 { margin-top: var(--adit-spacing-lg) !important; }
.adit-mt-5 { margin-top: var(--adit-spacing-xl) !important; }

.adit-mb-0 { margin-bottom: 0 !important; }
.adit-mb-1 { margin-bottom: var(--adit-spacing-xs) !important; }
.adit-mb-2 { margin-bottom: var(--adit-spacing-sm) !important; }
.adit-mb-3 { margin-bottom: var(--adit-spacing-md) !important; }
.adit-mb-4 { margin-bottom: var(--adit-spacing-lg) !important; }
.adit-mb-5 { margin-bottom: var(--adit-spacing-xl) !important; }

.adit-ml-0 { margin-left: 0 !important; }
.adit-ml-1 { margin-left: var(--adit-spacing-xs) !important; }
.adit-ml-2 { margin-left: var(--adit-spacing-sm) !important; }
.adit-ml-3 { margin-left: var(--adit-spacing-md) !important; }
.adit-ml-4 { margin-left: var(--adit-spacing-lg) !important; }
.adit-ml-5 { margin-left: var(--adit-spacing-xl) !important; }

.adit-mr-0 { margin-right: 0 !important; }
.adit-mr-1 { margin-right: var(--adit-spacing-xs) !important; }
.adit-mr-2 { margin-right: var(--adit-spacing-sm) !important; }
.adit-mr-3 { margin-right: var(--adit-spacing-md) !important; }
.adit-mr-4 { margin-right: var(--adit-spacing-lg) !important; }
.adit-mr-5 { margin-right: var(--adit-spacing-xl) !important; }

.adit-p-0 { padding: 0 !important; }
.adit-p-1 { padding: var(--adit-spacing-xs) !important; }
.adit-p-2 { padding: var(--adit-spacing-sm) !important; }
.adit-p-3 { padding: var(--adit-spacing-md) !important; }
.adit-p-4 { padding: var(--adit-spacing-lg) !important; }
.adit-p-5 { padding: var(--adit-spacing-xl) !important; }

.adit-pt-0 { padding-top: 0 !important; }
.adit-pt-1 { padding-top: var(--adit-spacing-xs) !important; }
.adit-pt-2 { padding-top: var(--adit-spacing-sm) !important; }
.adit-pt-3 { padding-top: var(--adit-spacing-md) !important; }
.adit-pt-4 { padding-top: var(--adit-spacing-lg) !important; }
.adit-pt-5 { padding-top: var(--adit-spacing-xl) !important; }

.adit-pb-0 { padding-bottom: 0 !important; }
.adit-pb-1 { padding-bottom: var(--adit-spacing-xs) !important; }
.adit-pb-2 { padding-bottom: var(--adit-spacing-sm) !important; }
.adit-pb-3 { padding-bottom: var(--adit-spacing-md) !important; }
.adit-pb-4 { padding-bottom: var(--adit-spacing-lg) !important; }
.adit-pb-5 { padding-bottom: var(--adit-spacing-xl) !important; }

.adit-pl-0 { padding-left: 0 !important; }
.adit-pl-1 { padding-left: var(--adit-spacing-xs) !important; }
.adit-pl-2 { padding-left: var(--adit-spacing-sm) !important; }
.adit-pl-3 { padding-left: var(--adit-spacing-md) !important; }
.adit-pl-4 { padding-left: var(--adit-spacing-lg) !important; }
.adit-pl-5 { padding-left: var(--adit-spacing-xl) !important; }

.adit-pr-0 { padding-right: 0 !important; }
.adit-pr-1 { padding-right: var(--adit-spacing-xs) !important; }
.adit-pr-2 { padding-right: var(--adit-spacing-sm) !important; }
.adit-pr-3 { padding-right: var(--adit-spacing-md) !important; }
.adit-pr-4 { padding-right: var(--adit-spacing-lg) !important; }
.adit-pr-5 { padding-right: var(--adit-spacing-xl) !important; }

/* ===== RESPONSIVE DISPLAY ===== */
@media (max-width: 575px) {
  .adit-hide-xs { display: none !important; }
  .adit-show-xs { display: block !important; }
}

@media (min-width: 576px) and (max-width: 767px) {
  .adit-hide-sm { display: none !important; }
  .adit-show-sm { display: block !important; }
}

@media (min-width: 768px) and (max-width: 991px) {
  .adit-hide-md { display: none !important; }
  .adit-show-md { display: block !important; }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .adit-hide-lg { display: none !important; }
  .adit-show-lg { display: block !important; }
}

@media (min-width: 1200px) {
  .adit-hide-xl { display: none !important; }
  .adit-show-xl { display: block !important; }
}

/* ===== BOOTSTRAP OVERRIDES ===== */
.navbar {
  border: none !important;
}

.navbar-toggler {
  border: none !important;
}

.navbar-toggler:focus {
  box-shadow: none !important;
}

.dropdown-menu {
  border: none !important;
}

/* ===== ANIMATIONS ===== */
.adit-fade-in {
  animation: aditFadeIn 0.3s ease-in-out;
}

@keyframes aditFadeIn {
  from { opacity: 0; transform: translateY(-10px); }
  to { opacity: 1; transform: translateY(0); }
}

.adit-slide-down {
  animation: aditSlideDown 0.3s ease-out;
}

@keyframes aditSlideDown {
  from { opacity: 0; transform: translateY(-20px); }
  to { opacity: 1; transform: translateY(0); }
}

/* ===== MISC UTILITIES ===== */
.adit-shadow { box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); }
.adit-shadow-lg { box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15); }
.adit-rounded { border-radius: var(--adit-border-radius); }
.adit-border { border: 1px solid rgba(0, 0, 0, 0.1); }

.adit-cursor-pointer { cursor: pointer; }
.adit-select-none { user-select: none; }
.adit-overflow-hidden { overflow: hidden; }
.adit-position-relative { position: relative; }
.adit-position-absolute { position: absolute; }

.adit-w-100 { width: 100% !important; }
.adit-h-100 { height: 100% !important; }
.adit-d-none { display: none !important; }
.adit-d-block { display: block !important; }
.adit-d-flex { display: flex !important; }
.adit-d-inline-block { display: inline-block !important; }
/* ========================================================================
   ADIT INLINE STYLES MIGRATION
   Reemplaza estilos inline comunes del proyecto
   ======================================================================== */

/* ===== MARGIN TOP COMUNES ===== */
.adit-mt-50 { margin-top: 50px !important; }
.adit-mt-30 { margin-top: 30px !important; }
.adit-mt-20 { margin-top: 20px !important; }

/* ===== DIMENSIONS COMUNES ===== */
.adit-logo-height-32 {
  height: 32px;
  width: auto;
}

.adit-avatar-32 {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  object-fit: cover;
}

.adit-avatar-48 {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  object-fit: cover;
}

.adit-avatar-64 {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  object-fit: cover;
}

/* ===== LAYOUT HELPERS ESPECÍFICOS ===== */
.adit-footer-margin {
  margin-top: 50px;
}

.adit-widget-section {
  margin-top: 50px;
}

/* ===== TEXT ALIGN ESPECÍFICOS ===== */
.adit-center-align {
  text-align: center;
}

/* ===== CONTACT LIST STYLES ===== */
.adit-contact-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.adit-contact-list li {
  margin-bottom: var(--adit-spacing-sm);
  display: flex;
  align-items: center;
  gap: var(--adit-spacing-sm);
}

.adit-contact-list i {
  color: var(--adit-accent);
  width: 20px;
  text-align: center;
}

/* ===== SOCIAL ICONS ===== */
.adit-social-icons {
  display: flex;
  gap: var(--adit-spacing-sm);
  list-style: none;
  padding: 0;
  margin: 0;
  justify-content: center;
}

.adit-social-icons li a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: var(--adit-primary-1);
  color: var(--adit-white);
  text-decoration: none;
  transition: all 0.3s ease;
  font-size: 1.2rem;
}

.adit-social-icons li a:hover {
  background: var(--adit-accent);
  transform: translateY(-2px);
  color: var(--adit-white);
}

/* ===== WIDGET STYLES ===== */
.adit-widget {
  margin-bottom: var(--adit-spacing-xl);
}

.adit-widget-title {
  color: var(--adit-white);
  font-size: 1.2rem;
  font-weight: 600;
  margin-bottom: var(--adit-spacing-md);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.adit-widget-content {
  color: rgba(255, 255, 255, 0.9);
  line-height: 1.6;
}

/* ===== FOOTER ESPECÍFICOS ===== */
.adit-footer {
  background: var(--adit-gradient-main);
  color: var(--adit-white);
  padding: var(--adit-spacing-md) 0;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
}

.adit-footer-ribbon {
  background: var(--adit-accent);
  color: var(--adit-white);
  padding: var(--adit-spacing-sm) var(--adit-spacing-lg);
  border-radius: var(--adit-border-radius);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: var(--adit-spacing-lg);
}

/* ===== DROPDOWN MENU ESPECÍFICOS ===== */
.adit-user-dropdown-info {
  padding: var(--adit-spacing-md);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  text-align: center;
}

.adit-user-dropdown-info .adit-user-name {
  font-weight: 600;
  color: var(--adit-primary-1);
  margin-bottom: var(--adit-spacing-xs);
}

.adit-user-dropdown-info .adit-user-status {
  font-size: 0.875rem;
  color: var(--adit-text-muted);
}

/* ===== NAVBAR BRAND ESPECÍFICOS ===== */
.adit-brand-text {
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--adit-white);
  text-decoration: none;
  letter-spacing: -0.5px;
}

.adit-brand-text:hover {
  color: rgba(255, 255, 255, 0.9);
}

/* ===== CONTENT SPACING ===== */
.adit-main-content {
  margin-top: calc(var(--adit-navbar-height) + var(--adit-spacing-lg));
  padding: var(--adit-spacing-lg);
  min-height: calc(100vh - var(--adit-navbar-height) - 200px);
}

/* ===== HIDDEN ELEMENTS ===== */
.adit-hidden-xs {
  display: none;
}

@media (min-width: 576px) {
  .adit-hidden-xs {
    display: block;
  }
}

/* ===== EMAIL LINKS ===== */
.adit-email-link {
  color: var(--adit-accent);
  text-decoration: none;
  font-weight: 500;
}

.adit-email-link:hover {
  color: var(--adit-primary-2);
  text-decoration: underline;
}

/* ===== PHONE LINKS ===== */
.adit-phone-link {
  color: inherit;
  text-decoration: none;
  font-weight: 500;
}

.adit-phone-link:hover {
  color: var(--adit-accent);
}

/* ===== BADGE/STATUS INDICATORS ===== */
.adit-badge {
  display: inline-flex;
  align-items: center;
  padding: var(--adit-spacing-xs) var(--adit-spacing-sm);
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  border-radius: var(--adit-border-radius);
}

.adit-badge-success {
  background: #d4edda;
  color: #155724;
}

.adit-badge-warning {
  background: #fff3cd;
  color: #856404;
}

.adit-badge-danger {
  background: #f8d7da;
  color: #721c24;
}

.adit-badge-info {
  background: #d1ecf1;
  color: #0c5460;
}

.adit-badge-primary {
  background: var(--adit-gradient-main);
  color: var(--adit-white);
}

/* ===== MISC UTILITIES ===== */
.adit-no-decoration {
  text-decoration: none !important;
}

.adit-text-strong {
  font-weight: 600;
}

.adit-text-normal {
  font-weight: 400;
}

.adit-opacity-75 {
  opacity: 0.75;
}

.adit-opacity-50 {
  opacity: 0.5;
}

/* ===== RESPONSIVE TEXT ===== */
@media (max-width: 1200px) {
  .adit-responsive-text {
    font-size: 0.9rem;
  }
}

@media (max-width: 768px) {
  .adit-responsive-text {
    font-size: 0.85rem;
  }
  
  .adit-main-content {
    padding: var(--adit-spacing-md);
  }
}
/*
 * KUALLY - SISTEMA CSS ADIT UNIFICADO
 * Sistema limpio y moderno con prefijo "adit-"
 * 




 */

/* ========================================================================
   SISTEMA ADIT - ARQUITECTURA CSS LIMPIA Y MODERNA
   ======================================================================== */

/* Importaciones externas */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');

/* ===== RESET GLOBAL ADIT ===== */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  font-size: var(--adit-font-size-base);
  line-height: var(--adit-line-height-base);
  color: var(--adit-text-dark);
  background-color: var(--adit-background-main);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* ===== HEADINGS ADIT ===== */
h1, h2, h3, h4, h5, h6 {
  font-family: 'Inter', sans-serif;
  font-weight: 600;
  line-height: 1.2;
  color: var(--adit-primary-1);
  margin-bottom: var(--adit-spacing-md);
}

h1 { font-size: 2.5rem; }
h2 { font-size: 2rem; }
h3 { font-size: 1.75rem; }
h4 { font-size: 1.5rem; }
h5 { font-size: 1.25rem; }
h6 { font-size: 1.1rem; }

/* ===== LINKS ADIT ===== */
a {
  color: var(--adit-accent);
  text-decoration: none;
  transition: all 0.3s ease;
}

a:hover {
  color: var(--adit-primary-2);
  text-decoration: none;
}

/* ===== BUTTONS ADIT ===== */
.adit-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--adit-spacing-xs);
  padding: var(--adit-spacing-sm) var(--adit-spacing-lg);
  font-size: var(--adit-font-size-base);
  font-weight: 500;
  text-decoration: none;
  border: none;
  border-radius: var(--adit-border-radius);
  cursor: pointer;
  transition: all 0.3s ease;
  user-select: none;
}

.adit-btn-primary {
  background: var(--adit-gradient-main);
  color: var(--adit-white);
  box-shadow: 0 2px 8px rgba(45, 11, 31, 0.3);
}

.adit-btn-primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 15px rgba(45, 11, 31, 0.4);
  color: var(--adit-white);
}

.adit-btn-secondary {
  background: var(--adit-white);
  color: var(--adit-primary-1);
  border: 2px solid var(--adit-primary-1);
}

.adit-btn-secondary:hover {
  background: var(--adit-primary-1);
  color: var(--adit-white);
  transform: translateY(-1px);
}

.adit-btn-outline {
  background: transparent;
  color: var(--adit-primary-1);
  border: 1px solid var(--adit-primary-1);
}

.adit-btn-outline:hover {
  background: var(--adit-primary-1);
  color: var(--adit-white);
}

/* ===== FORMS ADIT ===== */
.adit-form-group {
  margin-bottom: var(--adit-spacing-md);
}

.adit-form-label {
  display: block;
  font-weight: 500;
  color: var(--adit-primary-1);
  margin-bottom: var(--adit-spacing-xs);
}

.adit-form-control {
  display: block;
  width: 100%;
  padding: var(--adit-spacing-sm) var(--adit-spacing-md);
  font-size: var(--adit-font-size-base);
  color: var(--adit-text-dark);
  background: var(--adit-white);
  border: 1px solid #ddd;
  border-radius: var(--adit-border-radius);
  transition: all 0.3s ease;
}

.adit-form-control:focus {
  outline: none;
  border-color: var(--adit-accent);
  box-shadow: 0 0 0 3px rgba(229, 76, 122, 0.1);
}

.adit-form-control::placeholder {
  color: var(--adit-text-muted);
  opacity: 0.7;
}

/* ===== CARDS ADIT ===== */
.adit-card {
  background: var(--adit-white);
  border: none;
  border-radius: var(--adit-border-radius-lg);
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
  overflow: hidden;
  transition: all 0.3s ease;
}

.adit-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);
}

.adit-card-header {
  padding: var(--adit-spacing-lg);
  font-weight: 600;
  font-size: 1.1rem;
}

.adit-card-body {
  padding: var(--adit-spacing-lg);
}

.adit-card-footer {
  background: var(--adit-background-light);
  padding: var(--adit-spacing-md) var(--adit-spacing-lg);
  border-top: 1px solid rgba(0, 0, 0, 0.05);
}

/* ===== TABLES ADIT ===== */
.adit-table {
  width: 100%;
  border-collapse: collapse;
  background: var(--adit-white);
  border-radius: var(--adit-border-radius);
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.adit-table th {
  background: var(--adit-gradient-main);
  color: var(--adit-white);
  font-weight: 600;
  padding: var(--adit-spacing-md) var(--adit-spacing-lg);
  text-align: left;
}

.adit-table td {
  padding: var(--adit-spacing-md) var(--adit-spacing-lg);
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.adit-table tbody tr:hover {
  background: rgba(229, 76, 122, 0.02);
}

/* ===== ALERTS ADIT ===== */
.adit-alert {
  padding: var(--adit-spacing-md) var(--adit-spacing-lg);
  border-radius: var(--adit-border-radius);
  margin-bottom: var(--adit-spacing-md);
  display: flex;
  align-items: center;
  gap: var(--adit-spacing-sm);
}

.adit-alert-success {
  background: #d4edda;
  color: #155724;
  border-left: 4px solid #28a745;
}

.adit-alert-danger {
  background: #f8d7da;
  color: #721c24;
  border-left: 4px solid #dc3545;
}

.adit-alert-warning {
  background: #fff3cd;
  color: #856404;
  border-left: 4px solid #ffc107;
}

.adit-alert-info {
  background: #d1ecf1;
  color: #0c5460;
  border-left: 4px solid #17a2b8;
}

/* ===== MODALS ADIT ===== */
.adit-modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: var(--adit-z-modal);
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
}

.adit-modal-overlay.active {
  opacity: 1;
  visibility: visible;
}

.adit-modal {
  background: var(--adit-white);
  border-radius: var(--adit-border-radius-lg);
  max-width: 600px;
  width: 90%;
  max-height: 90vh;
  overflow-y: auto;
  transform: scale(0.9);
  transition: all 0.3s ease;
}

.adit-modal-overlay.active .adit-modal {
  transform: scale(1);
}

.adit-modal-header {
  background: var(--adit-gradient-main);
  color: var(--adit-white);
  padding: var(--adit-spacing-lg);
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.adit-modal-body {
  padding: var(--adit-spacing-lg);
}

.adit-modal-footer {
  padding: var(--adit-spacing-md) var(--adit-spacing-lg);
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  display: flex;
  gap: var(--adit-spacing-sm);
  justify-content: flex-end;
}

/* ===== SPINNER/LOADING ADIT ===== */
.adit-spinner {
  border: 3px solid rgba(229, 76, 122, 0.1);
  border-left: 3px solid var(--adit-accent);
  border-radius: 50%;
  width: 40px;
  height: 40px;
  animation: aditSpin 1s linear infinite;
}

@keyframes aditSpin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.adit-loading {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--adit-spacing-md);
  padding: var(--adit-spacing-xl);
  color: var(--adit-text-muted);
}

/* ===== RESPONSIVE HELPERS ===== */
@media (max-width: 768px) {
  .adit-hide-mobile { display: none !important; }
  .adit-show-mobile { display: block !important; }
}

@media (min-width: 769px) {
  .adit-hide-desktop { display: none !important; }
  .adit-show-desktop { display: block !important; }
}

/* ===== BOOTSTRAP OVERRIDES PARA COMPATIBILIDAD ===== */
.container, .container-fluid {
  padding-left: var(--adit-spacing-md);
  padding-right: var(--adit-spacing-md);
}

.row {
  margin-left: calc(var(--adit-spacing-sm) * -1);
  margin-right: calc(var(--adit-spacing-sm) * -1);
}

.col, [class*="col-"] {
  padding-left: var(--adit-spacing-sm);
  padding-right: var(--adit-spacing-sm);
}

/* ===== SMOOTH SCROLLING ===== */
@media (prefers-reduced-motion: no-preference) {
  html {
    scroll-behavior: smooth;
  }
}

/* ===== PRINT STYLES ===== */
@media print {
  .adit-navbar,
  .adit-mobile-menu,
  .adit-btn,
  .no-print {
    display: none !important;
  }
  
  .adit-content-margin {
    margin-top: 0 !important;
  }
}

/* ===================================
   LOADING SPINNER ADIT
   ================================= */

.adit-loading-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: linear-gradient(135deg, rgba(15, 15, 15, 0.95) 0%, rgba(45, 45, 45, 0.95) 100%);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 9999;
  opacity: 1;
  transition: opacity 0.3s ease;
}

.adit-loading-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2rem;
}

/* ===== SPINNER ANIMADO ===== */
.adit-spinner {
  position: relative;
  width: 80px;
  height: 80px;
}

.adit-spinner-ring {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 4px solid transparent;
  border-radius: 50%;
  animation: adit-spin 2s linear infinite;
}

.adit-spinner-ring:nth-child(1) {
  border-top-color: var(--adit-primary-1, #050505);
  animation-delay: 0s;
}

.adit-spinner-ring:nth-child(2) {
  border-right-color: var(--adit-primary-2, #45151d);
  animation-delay: 0.15s;
  width: 70px;
  height: 70px;
  top: 5px;
  left: 5px;
}

.adit-spinner-ring:nth-child(3) {
  border-bottom-color: var(--adit-primary-4, #722934);
  animation-delay: 0.3s;
  width: 60px;
  height: 60px;
  top: 10px;
  left: 10px;
}

.adit-spinner-ring:nth-child(4) {
  border-left-color: var(--adit-primary-5, #803543);
  animation-delay: 0.45s;
  width: 50px;
  height: 50px;
  top: 15px;
  left: 15px;
}

@keyframes adit-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/* ===== TEXTO DEL LOADING ===== */
.adit-loading-text {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}

.adit-loading-title {
  font-family: 'Inter', sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
  color: #ffffff;
  letter-spacing: 2px;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

.adit-loading-subtitle {
  font-family: 'Inter', sans-serif;
  font-size: 1rem;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.8);
  animation: adit-pulse 1.5s ease-in-out infinite;
}

@keyframes adit-pulse {
  0%, 100% {
    opacity: 0.8;
  }
  50% {
    opacity: 0.4;
  }
}

/* ===== RESPONSIVE ===== */
@media (max-width: 768px) {
  .adit-spinner {
    width: 60px;
    height: 60px;
  }
  
  .adit-spinner-ring:nth-child(2) {
    width: 50px;
    height: 50px;
    top: 5px;
    left: 5px;
  }
  
  .adit-spinner-ring:nth-child(3) {
    width: 40px;
    height: 40px;
    top: 10px;
    left: 10px;
  }
  
  .adit-spinner-ring:nth-child(4) {
    width: 30px;
    height: 30px;
    top: 15px;
    left: 15px;
  }
  
  .adit-loading-title {
    font-size: 1.25rem;
  }
  
  .adit-loading-subtitle {
    font-size: 0.9rem;
  }
}

.panel-heading {
  background: linear-gradient(228deg, #81192e 0%, #bb1a4b 50%, #e43b5a 100%) !important;
  font-size: .8rem !important;
}

/* ===== GRÁFICAS Y CHARTS ===== */
.chart-container {
  background: linear-gradient(145deg, #ffffff 0%, #fafbfc 100%);
  border-radius: var(--adit-border-radius-lg);
  padding: 2rem 1.5rem;
  margin: 1.5rem 0 2rem 0;
  box-shadow: 
    0 2px 8px rgba(45, 11, 31, 0.08),
    0 1px 3px rgba(0, 0, 0, 0.06),
    inset 0 1px 0 rgba(255, 255, 255, 0.9);
  border: 1px solid rgba(139, 21, 56, 0.08);
  position: relative;
  overflow: hidden;
  transition: all var(--adit-transition-normal);
}

#helpModalBody h3 {
  margin-top: 1.5rem;
  margin-bottom: 1rem;
  color: #2F2D38 !important;
  font-weight: 700 !important;
  background: linear-gradient(135deg, #2F2D38 0%, #3351A6 50%, #1F77FA 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  font-size: 1.4rem !important;
  letter-spacing: 0.5px;
  text-shadow: none;
}

/* ===== MODAL HELP CONTENT STYLING ===== */
.help-content-detailed h4 {
  color: #3351A6 !important;
  font-size: 1.1rem !important;
  font-weight: 600 !important;
  margin-top: 1.5rem !important;
  margin-bottom: 0.8rem !important;
  border-bottom: 2px solid rgba(139, 21, 56, 0.2);
  padding-bottom: 0.3rem;
}

.help-content-detailed ul {
  margin-left: 1rem;
  margin-bottom: 1rem;
}

.help-content-detailed li {
  margin-bottom: 0.5rem;
  line-height: 1.5;
}

.help-content-detailed .code-block {
  background: #f8f9fa;
  border: 1px solid #dee2e6;
  border-radius: 4px;
  padding: 1rem;
  margin: 0.8rem 0;
  font-family: 'Courier New', monospace;
}

.help-content-detailed .code-block code {
  background: none;
  color: #2F2D38;
  font-weight: 600;
}

.help-table {
  width: 100%;
  border-collapse: collapse;
  margin: 1rem 0;
}

.help-table th {
  background: linear-gradient(135deg, #2F2D38 0%, #3351A6 100%);
  color: white;
  padding: 0.8rem;
  text-align: left;
  font-weight: 600;
}

.help-table td {
  padding: 0.6rem 0.8rem;
  border-bottom: 1px solid #dee2e6;
}

.help-table tr:nth-child(even) {
  background: rgba(139, 21, 56, 0.05);
}

/* ===== CORRECCIONES BOOTSTRAP LEGACY ===== */
/* Soporte para clases de Bootstrap 3 que ya no funcionan en versiones nuevas */

/* Corregir pull-right que ya no funciona en Bootstrap 4/5 */
.pull-right {
  float: right !important;
}

.pull-left {
  float: left !important;
}

/* Asegurar que los enlaces con pull-right se vean correctamente */
a.pull-right {
  float: right !important;
  margin-left: 15px;
  color: #3351A6 !important;
  font-weight: 500;
  text-decoration: none !important;
  padding: 8px 12px;
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(107, 15, 42, 0.3);
  transition: all 0.3s ease;
}

a.pull-right:hover {
  background: rgba(107, 15, 42, 0.1);
  border-color: #3351A6;
  color: #373A46 !important;
  transform: translateY(-1px);
  box-shadow: 0 2px 8px rgba(107, 15, 42, 0.2);
}

/* Corregir clearfix si es necesario */
.clearfix::after {
  content: "";
  display: table;
  clear: both;
}

/* Mejorar la apariencia de los botones de regresar */
a[onclick*="history.back"] {
  display: inline-block;
  float: right !important;
  margin-left: 15px;
  color: #3351A6 !important;
  font-weight: 600;
  text-decoration: none !important;
  padding: 10px 16px;
  border-radius: 8px;
  background: linear-gradient(145deg, #ffffff 0%, #f8f9fa 100%);
  border: 2px solid rgba(107, 15, 42, 0.2);
  transition: all 0.3s ease;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  font-size: 14px;
}

a[onclick*="history.back"]:hover {
  background: linear-gradient(145deg, #f8f9fa 0%, #e9ecef 100%);
  border-color: #3351A6;
  color: #373A46 !important;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(107, 15, 42, 0.3);
}

/* Responsive para dispositivos móviles */
@media (max-width: 768px) {
  .pull-right,
  a.pull-right,
  a[onclick*="history.back"] {
    float: none !important;
    display: block;
    margin: 10px 0;
    text-align: center;
  }
} 

/* ========================================================================
   ADIT CONFIGURATION - Configuración del Sistema CSS
   ======================================================================== */

/* 
   INSTRUCCIONES PARA USO DEL SISTEMA ADIT:
   
   1. CAMBIAR LAYOUT:
      - Layout original: app/views/layouts/application.html.erb
      - Layout nuevo ADIT: app/views/layouts/application_adit.html.erb
      
   2. CAMBIAR CSS:
      - CSS original: Se requiere via application.css.sass
      - CSS nuevo ADIT: Incluir adit-main.css en lugar de los archivos originales
      
   3. ARCHIVOS DEL SISTEMA ADIT:
      - adit-base.css: Variables CSS y fundamentos
      - adit-navbar.css: Navegación responsive con adaptación progresiva
      - adit-utilities.css: Clases de utilidad
      - adit-inline-migration.css: Reemplazo de estilos inline
      - adit-main.css: Sistema principal unificado
      
   4. PARA ACTIVAR EL SISTEMA ADIT:
      a) En config/application.rb cambiar el layout por defecto:
         config.layout = "application_adit"
         
      b) O en los controladores específicos:
         layout "application_adit"
         
      c) O cambiar el nombre de archivo:
         mv application.html.erb application_old.html.erb
         mv application_adit.html.erb application.html.erb
         
   5. CARACTERÍSTICAS DEL SISTEMA ADIT:
      - ✅ Navbar responsive con 5 fases de adaptación
      - ✅ Menú móvil funcional sin conflictos CSS
      - ✅ Sistema de variables CSS consistente
      - ✅ Prefijo "adit-" para evitar conflictos
      - ✅ Bootstrap 5 compatible
      - ✅ Estilos inline migrados a clases
      - ✅ Arquitectura limpia y mantenible
*/

/* ===== VARIABLES DE CONFIGURACIÓN ===== */
:root {
  /* Activar/desactivar características */
  --adit-enable-animations: 1; /* 1 = activado, 0 = desactivado */
  --adit-enable-shadows: 1;
  --adit-enable-gradients: 1;
  --adit-enable-transitions: 1;
  
  /* Configuración de breakpoints personalizados */
  --adit-mobile-max: 767px;
  --adit-tablet-min: 768px;
  --adit-tablet-max: 991px;
  --adit-desktop-min: 992px;
  --adit-large-min: 1200px;
  
  /* Configuración de navbar */
  --adit-navbar-collapse-point: 1199px;
  --adit-navbar-text-reduce-point: 1400px;
  --adit-navbar-text-hide-point: 1200px;
}

/* ===== CONFIGURACIÓN DE ANIMACIONES ===== */
@media (prefers-reduced-motion: reduce) {
  :root {
    --adit-enable-animations: 0;
    --adit-enable-transitions: 0;
  }
}

/* ===== MODO DEBUG ===== */
.adit-debug * {
  outline: 1px solid red !important;
}

.adit-debug .adit-navbar {
  outline: 2px solid blue !important;
}

.adit-debug .adit-mobile-menu {
  outline: 2px solid green !important;
}

/* ===== COMPATIBILIDAD CON SISTEMA ANTERIOR ===== */
/* Mapeo de clases antiguas a nuevas para transición gradual */
.navbar-modern {
  /* Usar las mismas propiedades que .adit-navbar */
  background: var(--adit-gradient-main) !important;
  border: none !important;
  box-shadow: 0 2px 10px rgba(45, 11, 31, 0.3);
  padding: var(--adit-spacing-sm) 0;
  min-height: var(--adit-navbar-height);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: var(--adit-z-navbar);
  width: 100%;
}

.nav-link-modern {
  /* Usar las mismas propiedades que .adit-nav-link */
  color: var(--adit-text-light) !important;
  text-decoration: none !important;
  padding: var(--adit-spacing-sm) var(--adit-spacing-md);
  border-radius: var(--adit-border-radius);
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  gap: var(--adit-spacing-xs);
  font-weight: 500;
  white-space: nowrap;
}

.navbar-brand-modern {
  /* Usar las mismas propiedades que .adit-navbar-brand */
  color: var(--adit-white) !important;
  font-size: 1.25rem;
  font-weight: 600;
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: var(--adit-spacing-sm);
}

/* ===== CONFIGURACIÓN DE IMPRESIÓN ===== */
@media print {
  :root {
    --adit-enable-animations: 0;
    --adit-enable-shadows: 0;
    --adit-enable-gradients: 0;
    --adit-enable-transitions: 0;
  }
}

/* ===== MODO ALTO CONTRASTE ===== */
@media (prefers-contrast: high) {
  :root {
    --adit-primary-1: #000000;
    --adit-primary-2: #333333;
    --adit-accent: #ff0000;
    --adit-white: #ffffff;
    --adit-text-dark: #000000;
    --adit-background-main: #ffffff;
  }
}

/* ===== CONFIGURACIÓN DE RENDIMIENTO ===== */
/* Optimizaciones para dispositivos de bajo rendimiento */
@media (max-device-width: 480px) {
  :root {
    --adit-enable-animations: 0;
    --adit-enable-shadows: 0;
  }
}

/* ===== TESTING HELPERS ===== */
.adit-test-navbar-phases {
  /* Ayuda visual para testing de fases del navbar */
  position: fixed;
  top: 10px;
  right: 10px;
  background: rgba(0, 0, 0, 0.8);
  color: white;
  padding: 10px;
  font-size: 12px;
  z-index: 9999;
  border-radius: 4px;
}

.adit-test-navbar-phases::before {
  content: "Fase: ";
}

@media (min-width: 1400px) {
  .adit-test-navbar-phases::after {
    content: "1 - Texto Completo";
  }
}

@media (max-width: 1399px) and (min-width: 1200px) {
  .adit-test-navbar-phases::after {
    content: "2 - Texto Reducido";
  }
}

@media (max-width: 1199px) {
  .adit-test-navbar-phases::after {
    content: "3 - Menú Hamburguesa";
  }
}
/* ===== ADIT LOGIN PAGE STYLES ===== */

/* Body con navbar y footer fijos */
body.sessions-new {
  margin: 0;
  padding: 0;
  overflow-x: hidden;
}

/* Variables CSS para consistencia */
:root {
  --adit-primary: #840537;
  --adit-primary-dark: #2F2D38;
  --adit-primary-light: #a8396b;
  --adit-secondary: #64748b;
  --adit-accent: #36111d;
  --adit-success: #10b981;
  --adit-danger: #ef4444;
  --adit-warning: #f59e0b;
  --adit-info: #06b6d4;
  
  --adit-dark: #1e293b;
  --adit-light: #f8fafc;
  --adit-white: #ffffff;
  --adit-gray-50: #f9fafb;
  --adit-gray-100: #f3f4f6;
  --adit-gray-200: #e5e7eb;
  --adit-gray-300: #d1d5db;
  --adit-gray-400: #9ca3af;
  --adit-gray-500: #6b7280;
  --adit-gray-600: #4b5563;
  --adit-gray-700: #374151;
  --adit-gray-800: #1f2937;
  --adit-gray-900: #111827;
  
  --adit-border-radius: 12px;
  --adit-border-radius-lg: 16px;
  --adit-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --adit-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  --adit-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  --adit-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

/* ===== CONTENEDOR PRINCIPAL ===== */
.adit-login-container {
  position: relative;
  background: linear-gradient(135deg, var(--adit-primary) 0%, var(--adit-primary-dark) 100%);
  overflow: hidden;
  display: flex;
  align-items: stretch;
  min-height: calc(100vh - var(--adit-navbar-height) - 260px); /* Altura ajustada para navbar y footer completo */
}

.adit-login-row {
  min-height: calc(100vh - var(--adit-navbar-height) - 260px);
  margin: 0;
}

/* ===== FONDO DECORATIVO ===== */
.adit-login-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.adit-login-bg-shapes {
  position: relative;
  width: 100%;
  height: 100%;
}

.adit-shape {
  position: absolute;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(10px);
  animation: adit-float 6s ease-in-out infinite;
}

.adit-shape-1 {
  width: 200px;
  height: 200px;
  top: 6%;
  left: 5%;
  animation-delay: 0s;
}

.adit-shape-2 {
  width: 77px;
  height: 77px;
  top: 85%;
  left: 13%;
  animation-delay: 2s;
}

.adit-shape-3 {
  width: 100px;
  height: 100px;
  bottom: 31%;
  left: 48%;
  animation-delay: 4s;
}

@keyframes adit-float {
  0%, 100% { transform: translateY(0px) rotate(0deg); }
  50% { transform: translateY(-20px) rotate(10deg); }
}

/* ===== PANEL DE INFORMACIÓN ===== */
.adit-login-info-panel {
  position: relative;
  z-index: 2;
  background: transparent;
  align-items: flex-start;
  justify-content: center;
  padding: 2rem 1rem 1rem 1rem;
}

.adit-login-info-content {
  max-width: 500px;
  color: var(--adit-white);
  text-align: left;
  width: 100%;
}

/* Logo principal */
.adit-login-logo {
  margin-bottom: 1rem;
}

.adit-logo-main {
  max-height: 80px;
  width: auto;
  filter: brightness(0) invert(1);
}

/* Título hero */
.adit-login-hero {
  margin-bottom: 1.5rem;
}

.adit-login-title {
  font-size: 2.25rem;
  font-weight: 700;
  line-height: 1.1;
  margin-bottom: 0.75rem;
  color: var(--adit-white);
}

.adit-title-accent {
  color: var(--adit-accent);
  display: block;
}

.adit-login-subtitle {
  font-size: 1rem;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.9);
  margin-bottom: 0;
}

/* Características */
.adit-login-features {
  margin-bottom: 1rem;
}

.adit-feature {
  display: flex;
  align-items: flex-start;
  margin-bottom: 1rem;
  padding: 1rem;
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(10px);
  border-radius: var(--adit-border-radius);
  border: 1px solid rgba(255, 255, 255, 0.2);
  transition: all 0.3s ease;
}

.adit-feature:hover {
  background: rgba(255, 255, 255, 0.15);
  transform: translateY(-2px);
}

.adit-feature-icon {
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  background: var(--adit-accent);
  border-radius: var(--adit-border-radius);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 1rem;
  color: var(--adit-white);
  font-size: 1.25rem;
}

.adit-feature-content h4 {
  font-size: 1.1rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
  color: var(--adit-white);
}

.adit-feature-content p {
  font-size: 0.95rem;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.8);
  margin-bottom: 0;
}

/* ===== PANEL DE FORMULARIO ===== */
.adit-login-form-panel {
  position: relative;
  z-index: 2;
  background: var(--adit-white);
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding: 2rem 1rem 1rem 1rem;
}

.adit-login-form-container {
  width: 100%;
  max-width: 420px;
}

/* Logo móvil */
.adit-mobile-logo {
  text-align: center;
  margin-bottom: 1.5rem;
}

.adit-mobile-logo img {
  max-height: 60px;
  width: auto;
}

/* Header del formulario */
.adit-login-form-header {
  text-align: center;
  margin-bottom: 1.25rem;
}

.adit-form-title {
  font-size: 1.75rem;
  font-weight: 700;
  color: var(--adit-dark);
  margin-bottom: 0.5rem;
}

.adit-form-subtitle {
  font-size: 1rem;
  color: var(--adit-gray-600);
  margin-bottom: 0;
}

/* ===== FORMULARIO ===== */
.adit-form {
  margin-bottom: 1.25rem;
}

.adit-form-group {
  margin-bottom: 1.25rem;
}

.adit-form-label {
  display: block;
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--adit-dark);
  margin-bottom: 0.5rem;
}

.adit-input-group {
  position: relative;
  display: flex;
  align-items: center;
}

.adit-input-icon {
  position: absolute;
  left: 1rem;
  z-index: 3;
  color: var(--adit-gray-400);
  font-size: 1rem;
}

.adit-form-control {
  width: 100%;
  padding: 0.75rem 1rem 0.75rem 2.75rem;
  font-size: 0.95rem;
  line-height: 1.4;
  color: var(--adit-dark);
  background-color: var(--adit-white);
  background-clip: padding-box;
  border: 2px solid var(--adit-gray-300);
  border-radius: var(--adit-border-radius);
  transition: all 0.15s ease-in-out;
}

.adit-form-control:focus {
  color: var(--adit-dark);
  background-color: var(--adit-white);
  border-color: var(--adit-primary);
  outline: 0;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1);
}

.adit-form-control::placeholder {
  color: var(--adit-gray-400);
}

/* Toggle de contraseña */
.adit-password-toggle {
  position: absolute;
  right: 1rem;
  z-index: 3;
  background: none;
  border: none;
  color: var(--adit-gray-400);
  cursor: pointer;
  padding: 0.25rem;
  border-radius: 4px;
  transition: color 0.15s ease-in-out;
}

.adit-password-toggle:hover {
  color: var(--adit-gray-600);
}

.adit-password-toggle:focus {
  outline: none;
  color: var(--adit-primary);
}

/* ===== BOTONES ===== */
.adit-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  background-color: transparent;
  border: 2px solid transparent;
  padding: 0.75rem 1.5rem;
  font-size: 0.95rem;
  line-height: 1.4;
  border-radius: var(--adit-border-radius);
  transition: all 0.15s ease-in-out;
  text-decoration: none;
  min-height: 2.75rem;
}

.adit-btn-primary {
  color: var(--adit-white);
  background-color: var(--adit-primary);
  border-color: var(--adit-primary);
}

.adit-btn-primary:hover {
  color: var(--adit-white);
  background-color: var(--adit-primary-dark);
  border-color: var(--adit-primary-dark);
  transform: translateY(-1px);
  box-shadow: var(--adit-shadow-lg);
}

.adit-btn-primary:focus {
  color: var(--adit-white);
  background-color: var(--adit-primary-dark);
  border-color: var(--adit-primary-dark);
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.25);
}

.adit-btn-primary:disabled {
  color: var(--adit-white);
  background-color: var(--adit-gray-400);
  border-color: var(--adit-gray-400);
  cursor: not-allowed;
  transform: none;
  box-shadow: none;
}

.adit-btn-block {
  display: flex;
  width: 100%;
}

/* ===== ALERTAS ===== */
.adit-alert-container {
  margin-bottom: 1rem;
}

.adit-alert {
  display: flex;
  align-items: center;
  padding: 0.875rem 1rem;
  border-radius: var(--adit-border-radius);
  border: 1px solid transparent;
  margin-bottom: 0.5rem;
  font-size: 0.9rem;
}

.adit-alert i {
  margin-right: 0.5rem;
  flex-shrink: 0;
}

.adit-alert-danger {
  color: #dc3545;
  background-color: #f8d7da;
  border-color: #f5c2c7;
}

.adit-alert-warning {
  color: #856404;
  background-color: #fff3cd;
  border-color: #ffecb5;
}

.adit-alert-info {
  color: #055160;
  background-color: #cff4fc;
  border-color: #b6effb;
}

.adit-alert-success {
  color: #0f5132;
  background-color: #d1e7dd;
  border-color: #badbcc;
}

/* ===== FOOTER DEL FORMULARIO ===== */
.adit-login-footer {
  text-align: center;
  margin-top: 1.25rem;
}

.adit-footer-text {
  font-size: 0.9rem;
  color: var(--adit-gray-600);
  margin-bottom: 0.5rem;
}

.adit-link {
  color: var(--adit-primary);
  text-decoration: none;
  font-weight: 500;
  transition: color 0.15s ease-in-out;
}

.adit-link:hover {
  color: var(--adit-primary-dark);
  text-decoration: underline;
}

.adit-footer-info {
  padding-top: 0.5rem;
  border-top: 1px solid var(--adit-gray-200);
}

.adit-footer-info small {
  color: var(--adit-gray-500);
  font-size: 0.8rem;
}

/* ===== ANIMACIONES ===== */
.animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}

.delay-1s {
  animation-delay: 0.5s;
}

.delay-2s {
  animation-delay: 1s;
}

.fadeInLeft {
  animation-name: fadeInLeft;
}

.fadeInRight {
  animation-name: fadeInRight;
}

.fadeInUp {
  animation-name: fadeInUp;
}

.fadeInDown {
  animation-name: fadeInDown;
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

/* ===== RESPONSIVE DESIGN ===== */
@media (max-width: 767.98px) {
  .adit-login-container {
    min-height: calc(100vh - var(--adit-navbar-height) - 215px);
  }
  
  .adit-login-row {
    min-height: calc(100vh - var(--adit-navbar-height) - 215px);
  }
}

@media (max-width: 991.98px) {
  .adit-login-container {
    background: var(--adit-white);
    min-height: calc(100vh - 250px);
  }
  
  .adit-login-row {
    min-height: calc(100vh - 250px);
  }
  
  .adit-login-form-panel {
    background: var(--adit-white);
    min-height: auto;
    padding: 1.5rem 1rem;
  }
  
  .adit-mobile-logo {
    margin-bottom: 2rem;
  }
  
  .adit-mobile-logo img {
    max-height: 70px;
  }
  
  .adit-form-title {
    font-size: 1.5rem;
  }
}

@media (max-width: 575.98px) {
  .adit-login-container {
    min-height: calc(100vh - 220px);
  }
  
  .adit-login-row {
    min-height: calc(100vh - 220px);
  }
  
  .adit-login-form-panel {
    padding: 1rem 0.5rem;
  }
  
  .adit-login-form-container {
    max-width: 100%;
  }
  
  .adit-form-title {
    font-size: 1.4rem;
  }
  
  .adit-btn {
    padding: 0.65rem 1rem;
    font-size: 0.9rem;
    min-height: 2.5rem;
  }
  
  .adit-login-footer {
    margin-top: 0.75rem;
  }
  
  .adit-footer-text {
    margin-bottom: 0.25rem;
    font-size: 0.85rem;
  }
  
  .adit-mobile-logo {
    margin-bottom: 1.5rem;
  }
  
  .adit-mobile-logo img {
    max-height: 60px;
  }
  
  .adit-form-group {
    margin-bottom: 1rem;
  }
}

/* ===== ACCESIBILIDAD ===== */
@media (prefers-reduced-motion: reduce) {
  .animated,
  .adit-shape,
  .adit-feature,
  .adit-btn-primary {
    animation: none !important;
    transition: none !important;
  }
}

/* Estados de focus mejorados para accesibilidad */
.adit-form-control:focus,
.adit-btn:focus,
.adit-link:focus {
  outline: 2px solid var(--adit-primary);
  outline-offset: 2px;
}

/* ===== PRINT STYLES ===== */
@media print {
  .adit-login-container {
    background: var(--adit-white) !important;
  }
  
  .adit-login-background,
  .adit-login-info-panel,
  .adit-mobile-logo {
    display: none !important;
  }
  
  .adit-login-form-panel {
    background: var(--adit-white) !important;
    box-shadow: none !important;
  }
}
/* ============================================================
   ADIT Cards - Sistema de Tarjetas de Estadísticas
   Estilos consolidados para tarjetas, badges y componentes de UI
   ============================================================ */

/* ========== TARJETAS DE ESTADÍSTICAS ========== */
.adit-stat-card {
  background: white;
  border-radius: 12px;
  padding: 24px;
  margin-bottom: 20px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.08);
  display: flex;
  align-items: center;
  transition: transform 0.2s, box-shadow 0.2s;
}

.adit-stat-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(0,0,0,0.12);
}

.adit-stat-icon {
  width: 60px;
  height: 60px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  margin-right: 16px;
}

/* Variantes de color para stat-card */
.adit-stat-primary .adit-stat-icon {
  background: linear-gradient(135deg, #2F2D38, #3351A6);
  color: white;
}

.adit-stat-info .adit-stat-icon {
  background: linear-gradient(135deg, #17a2b8, #138496);
  color: white;
}

.adit-stat-success .adit-stat-icon {
  background: linear-gradient(135deg, #28a745, #1e7e34);
  color: white;
}

.adit-stat-warning .adit-stat-icon {
  background: linear-gradient(135deg, #ffc107, #e0a800);
  color: white;
}

.adit-stat-danger .adit-stat-icon {
  background: linear-gradient(135deg, #dc3545, #c82333);
  color: white;
}

.adit-stat-value {
  font-size: 32px;
  font-weight: 700;
  color: #2F2D38;
  margin: 0;
  line-height: 1;
}

.adit-stat-label {
  font-size: 14px;
  color: #6c757d;
  margin: 4px 0 0 0;
}

/* ========== TARJETAS GENERALES ========== */
.adit-card {
  background: white;
  border-radius: 12px;
  box-shadow: 0 2px 12px rgba(0,0,0,0.06);
  overflow: hidden;
}

.adit-card-header {
  background: linear-gradient(135deg, #f8f9fa, #e9ecef);
  padding: 16px 20px;
  border-bottom: 1px solid #e9ecef;
}

.adit-card-title {
  font-size: 16px;
  font-weight: 600;
  color: #2F2D38;
  margin: 0;
}

.adit-card-body {
  padding: 20px;
}

.adit-card-footer {
  padding: 16px 20px;
  background: #f8f9fa;
  border-top: 1px solid #e9ecef;
}

.adit-card-highlight {
  background: linear-gradient(135deg, #f8f9fa, #fff);
  border: 2px dashed #dee2e6;
}

/* ========== SECCIONES ========== */
.adit-section {
  margin-bottom: 40px;
}

.adit-section-title {
  font-size: 20px;
  font-weight: 600;
  color: #2F2D38;
  margin-bottom: 20px;
  padding-bottom: 12px;
  border-bottom: 2px solid #f0f0f0;
}

.adit-section-subtitle {
  font-size: 16px;
  font-weight: 500;
  color: #495057;
  margin-bottom: 16px;
}

/* ========== BADGES ========== */
.adit-badge {
  display: inline-block;
  padding: 4px 12px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 600;
}

.adit-badge-primary {
  background: linear-gradient(135deg, #3351A6, #3351A6);
  color: white;
}

.adit-badge-info {
  background: #e3f2fd;
  color: #1565c0;
}

.adit-badge-success {
  background: #e8f5e9;
  color: #2e7d32;
}

.adit-badge-warning {
  background: #fff8e1;
  color: #f57f17;
}

.adit-badge-danger {
  background: #ffebee;
  color: #c62828;
}

.adit-badge-secondary {
  background: #e9ecef;
  color: #495057;
}

/* ========== PROGRESS BARS ========== */
.adit-progress-mini {
  width: 60px;
  height: 6px;
  background: #e9ecef;
  border-radius: 3px;
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
  margin-right: 8px;
}

.adit-progress-bar {
  height: 100%;
  border-radius: 3px;
  transition: width 0.3s ease;
}

.adit-progress-bar-primary {
  background: linear-gradient(135deg, #3351A6, #3351A6);
}

.adit-progress-bar-success {
  background: linear-gradient(135deg, #28a745, #1e7e34);
}

.adit-progress-bar-info {
  background: linear-gradient(135deg, #17a2b8, #138496);
}

.adit-progress-bar-warning {
  background: linear-gradient(135deg, #ffc107, #e0a800);
}

.adit-progress-bar-danger {
  background: linear-gradient(135deg, #dc3545, #c82333);
}

/* ========== BOTONES ========== */
.adit-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 10px 24px;
  border-radius: 8px;
  font-weight: 600;
  font-size: 14px;
  transition: all 0.2s ease;
  cursor: pointer;
  border: none;
  text-decoration: none;
}

.adit-btn-primary {
  background: linear-gradient(135deg, #3351A6, #3351A6);
  color: white;
}

.adit-btn-primary:hover {
  background: linear-gradient(135deg, #3351A6, #373A46);
  color: white;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(139, 21, 56, 0.3);
  text-decoration: none;
}

.adit-btn-secondary {
  background: #e9ecef;
  color: #495057;
}

.adit-btn-secondary:hover {
  background: #dee2e6;
  color: #343a40;
  transform: translateY(-2px);
}

.adit-btn-success {
  background: linear-gradient(135deg, #28a745, #1e7e34);
  color: white;
}

.adit-btn-success:hover {
  background: linear-gradient(135deg, #1e7e34, #155724);
  color: white;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(40, 167, 69, 0.3);
}

.adit-btn-danger {
  background: linear-gradient(135deg, #dc3545, #c82333);
  color: white;
}

.adit-btn-danger:hover {
  background: linear-gradient(135deg, #c82333, #a71d2a);
  color: white;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(220, 53, 69, 0.3);
}

.adit-btn-outline-primary {
  background: transparent;
  border: 2px solid #3351A6;
  color: #3351A6;
}

.adit-btn-outline-primary:hover {
  background: #3351A6;
  color: white;
  transform: translateY(-2px);
}

.adit-btn-sm {
  padding: 6px 16px;
  font-size: 13px;
}

.adit-btn-lg {
  padding: 14px 32px;
  font-size: 16px;
}

/* ========== BOTONES DE API (Dashboard) ========== */
.adit-api-docs-btn,
.adit-api-credentials-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1.5rem;
  border-radius: 8px;
  font-size: 0.95rem;
  font-weight: 600;
  color: white;
  transition: all 0.3s ease;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  position: relative;
  overflow: hidden;
  text-decoration: none;
}

.adit-api-docs-btn::before,
.adit-api-credentials-btn::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.2);
  transition: left 0.3s ease;
}

.adit-api-docs-btn:hover::before,
.adit-api-credentials-btn:hover::before {
  left: 100%;
}

.adit-api-docs-btn {
  background: linear-gradient(135deg, #3351A6 0%, #3351A6 100%);
}

.adit-api-docs-btn:hover {
  background: linear-gradient(135deg, #3351A6 0%, #3351A6 100%);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(107, 15, 42, 0.3);
  color: white;
}

.adit-api-credentials-btn {
  background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
}

.adit-api-credentials-btn:hover {
  background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(59, 130, 246, 0.3);
  color: white;
}

.adit-api-docs-btn i,
.adit-api-credentials-btn i {
  font-size: 1.1rem;
}

/* ========== FORMULARIOS ========== */
.adit-form .form-group {
  margin-bottom: 16px;
}

.adit-label {
  font-weight: 600;
  color: #495057;
  margin-bottom: 6px;
  display: block;
}

.adit-input,
.adit-select {
  border-radius: 8px;
  border: 1px solid #dee2e6;
  padding: 10px 14px;
  width: 100%;
  transition: border-color 0.2s, box-shadow 0.2s;
}

.adit-input:focus,
.adit-select:focus {
  border-color: #3351A6;
  box-shadow: 0 0 0 3px rgba(139, 21, 56, 0.1);
  outline: none;
}

/* ========== UTILIDADES DE TEXTO ========== */
.adit-text-primary {
  color: #3351A6 !important;
}

.adit-text-success {
  color: #28a745 !important;
}

.adit-text-warning {
  color: #ffc107 !important;
}

.adit-text-danger {
  color: #dc3545 !important;
}

.adit-text-muted {
  color: #6c757d !important;
}

/* ========== RESPONSIVE ========== */
@media (max-width: 768px) {
  .adit-stat-card {
    padding: 16px;
  }
  
  .adit-stat-icon {
    width: 48px;
    height: 48px;
    font-size: 20px;
    margin-right: 12px;
  }
  
  .adit-stat-value {
    font-size: 24px;
  }
  
  .adit-api-docs-btn,
  .adit-api-credentials-btn {
    padding: 0.6rem 1rem;
    font-size: 0.85rem;
  }

  .adit-api-docs-btn span,
  .adit-api-credentials-btn span {
    display: none;
  }

  .adit-api-docs-btn i,
  .adit-api-credentials-btn i {
    margin: 0;
    font-size: 1.2rem;
  }
}
/* ============================================================
   ADIT Modals - Estilos de Modales Consolidados
   Headers, footers y componentes de modales
   ============================================================ */

/* ========== MODAL BASE ========== */
.adit-modal .modal-content {
  border: none;
  border-radius: 16px;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
  overflow: hidden;
}

/* ========== MODAL HEADER ========== */
.adit-modal-header,
.modal-header.adit-gradient {
  background: linear-gradient(135deg, #7f2538 0%, #1f0812 100%);
  border-radius: 16px 16px 0 0;
  padding: 20px 24px;
  border-bottom: none;
}

.adit-modal-header .modal-title,
.modal-header.adit-gradient .modal-title {
  color: white;
  font-weight: 600;
  font-size: 18px;
  display: flex;
  align-items: center;
  gap: 10px;
}

.adit-modal-header .modal-title i,
.modal-header.adit-gradient .modal-title i {
  font-size: 20px;
}

/* Close button en header oscuro */
.adit-modal-header .btn-close,
.modal-header.adit-gradient .btn-close,
.adit-modal-header .close,
.modal-header.adit-gradient .close {
  color: white;
  opacity: 0.8;
  text-shadow: none;
  font-size: 1.5rem;
  font-weight: 300;
  background: transparent;
  border: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
}

.adit-modal-header .btn-close:hover,
.modal-header.adit-gradient .btn-close:hover,
.adit-modal-header .close:hover,
.modal-header.adit-gradient .close:hover {
  opacity: 1;
  color: white;
}

/* Filtro para btn-close en headers oscuros */
.adit-modal-header .btn-close,
.modal-header.adit-gradient .btn-close {
  filter: invert(1);
}

/* ========== MODAL BODY ========== */
.adit-modal-body {
  padding: 24px;
}

.adit-modal-body-lg {
  padding: 32px;
}

.adit-modal-body-sm {
  padding: 16px;
}

/* ========== MODAL FOOTER ========== */
.adit-modal-footer {
  background: #f8f9fa;
  border-top: 1px solid #e9ecef;
  padding: 16px 24px;
  display: flex;
  justify-content: flex-end;
  gap: 12px;
}

.adit-modal-footer .btn {
  min-width: 100px;
}

/* ========== TAMAÑOS DE MODAL ========== */
.adit-modal-sm .modal-dialog {
  max-width: 400px;
}

.adit-modal-md .modal-dialog {
  max-width: 600px;
}

.adit-modal-lg .modal-dialog {
  max-width: 800px;
}

.adit-modal-xl .modal-dialog {
  max-width: 1000px;
}

.adit-modal-fullscreen .modal-dialog {
  max-width: 95vw;
  margin: 2.5vh auto;
}

.adit-modal-fullscreen .modal-content {
  min-height: 95vh;
}

/* ========== MODAL CON SCROLL ========== */
.adit-modal-scrollable .modal-body {
  max-height: 60vh;
  overflow-y: auto;
}

/* ========== VARIANTES DE HEADER ========== */
.adit-modal-header-primary {
  background: linear-gradient(135deg, #3351A6, #3351A6);
}

.adit-modal-header-success {
  background: linear-gradient(135deg, #28a745, #1e7e34);
}

.adit-modal-header-info {
  background: linear-gradient(135deg, #17a2b8, #138496);
}

.adit-modal-header-warning {
  background: linear-gradient(135deg, #ffc107, #e0a800);
}

.adit-modal-header-warning .modal-title {
  color: #212529;
}

.adit-modal-header-danger {
  background: linear-gradient(135deg, #dc3545, #c82333);
}

/* ========== MODAL DE CONFIRMACIÓN ========== */
.adit-modal-confirm .modal-body {
  text-align: center;
  padding: 40px 30px;
}

.adit-modal-confirm .modal-icon {
  font-size: 64px;
  margin-bottom: 20px;
}

.adit-modal-confirm .modal-icon.icon-warning {
  color: #ffc107;
}

.adit-modal-confirm .modal-icon.icon-danger {
  color: #dc3545;
}

.adit-modal-confirm .modal-icon.icon-success {
  color: #28a745;
}

.adit-modal-confirm .modal-icon.icon-info {
  color: #17a2b8;
}

.adit-modal-confirm .modal-title {
  font-size: 24px;
  font-weight: 600;
  color: #2F2D38;
  margin-bottom: 12px;
}

.adit-modal-confirm .modal-message {
  font-size: 16px;
  color: #6c757d;
  margin-bottom: 0;
}

.adit-modal-confirm .modal-footer {
  justify-content: center;
  border-top: none;
  padding-top: 0;
}

/* ========== MODAL DE AUDIO/MEDIA ========== */
.adit-modal-media .modal-body {
  background: #1a1a1a;
  color: white;
}

.adit-modal-media audio,
.adit-modal-media video {
  width: 100%;
  border-radius: 8px;
}

/* ========== MODAL DE LOADING ========== */
.adit-modal-loading .modal-content {
  background: transparent;
  border: none;
  box-shadow: none;
}

.adit-modal-loading .modal-body {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 40px;
  background: white;
  border-radius: 16px;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
}

.adit-modal-loading .loading-spinner {
  width: 48px;
  height: 48px;
  border: 4px solid #f3f3f3;
  border-top: 4px solid #3351A6;
  border-radius: 50%;
  animation: adit-spin 1s linear infinite;
  margin-bottom: 16px;
}

.adit-modal-loading .loading-text {
  font-size: 16px;
  color: #495057;
}

/* ========== ANIMACIONES DE MODAL ========== */
.adit-modal.fade .modal-dialog {
  transform: scale(0.95) translateY(-30px);
  opacity: 0;
  transition: transform 0.3s ease, opacity 0.3s ease;
}

.adit-modal.show .modal-dialog {
  transform: scale(1) translateY(0);
  opacity: 1;
}

/* Alternativa: slide desde arriba */
.adit-modal-slide-down.fade .modal-dialog {
  transform: translateY(-100px);
  opacity: 0;
}

.adit-modal-slide-down.show .modal-dialog {
  transform: translateY(0);
  opacity: 1;
}

/* ========== BACKDROP ========== */
.adit-modal-backdrop {
  background: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(4px);
}

/* ========== RESPONSIVE ========== */
@media (max-width: 576px) {
  .adit-modal .modal-dialog {
    margin: 10px;
  }
  
  .adit-modal-header {
    padding: 16px 20px;
  }
  
  .adit-modal-body {
    padding: 20px;
  }
  
  .adit-modal-footer {
    padding: 12px 20px;
    flex-direction: column;
  }
  
  .adit-modal-footer .btn {
    width: 100%;
  }
  
  .adit-modal-confirm .modal-icon {
    font-size: 48px;
  }
  
  .adit-modal-confirm .modal-title {
    font-size: 20px;
  }
}

/* ========== COMPATIBILIDAD CON BOOTSTRAP ========== */
/* Override para modales existentes que usen clases antiguas */
.modal-header.bg-gradient-primary,
.modal-header[style*="background: linear-gradient"] {
  border-radius: 0;
}

.modal-content .modal-header:first-child {
  border-radius: calc(0.3rem - 1px) calc(0.3rem - 1px) 0 0;
}
/* ============================================================
   ADIT Animations - Animaciones CSS Consolidadas
   Keyframes y clases de animación reutilizables
   ============================================================ */

/* ========== KEYFRAMES BÁSICOS ========== */

/* Rotación para spinners/loading */
@keyframes adit-spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* Fade in/out */
@keyframes adit-fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes adit-fadeOut {
  from { opacity: 1; }
  to { opacity: 0; }
}

/* Slide animations */
@keyframes adit-slideDown {
  from { 
    opacity: 0;
    transform: translateY(-30px) scale(0.95);
  }
  to { 
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

@keyframes adit-slideUp {
  from { 
    opacity: 0;
    transform: translateY(30px) scale(0.95);
  }
  to { 
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

@keyframes adit-slideInLeft {
  from {
    opacity: 0;
    transform: translateX(-30px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes adit-slideInRight {
  from {
    opacity: 0;
    transform: translateX(30px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

/* Pulse animation */
@keyframes adit-pulse {
  0%, 100% {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    opacity: 0.7;
    transform: scale(1.05);
  }
}

/* Bounce animation */
@keyframes adit-bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-10px);
  }
  60% {
    transform: translateY(-5px);
  }
}

/* Shake animation (para errores) */
@keyframes adit-shake {
  0%, 100% { transform: translateX(0); }
  10%, 30%, 50%, 70%, 90% { transform: translateX(-5px); }
  20%, 40%, 60%, 80% { transform: translateX(5px); }
}

/* Scale animation */
@keyframes adit-scaleIn {
  from {
    opacity: 0;
    transform: scale(0.9);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

/* Glow animation */
@keyframes adit-glow {
  0%, 100% {
    box-shadow: 0 0 5px rgba(139, 21, 56, 0.3);
  }
  50% {
    box-shadow: 0 0 20px rgba(139, 21, 56, 0.6);
  }
}

/* Progress bar animation */
@keyframes adit-progressStripe {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}

/* ========== CLASES DE ANIMACIÓN ========== */

/* Spinner de carga */
.adit-spin {
  animation: adit-spin 1s linear infinite;
}

/* También mantener compatibilidad con fa-spin */
.fa-spin,
.adit-loading-spin {
  animation: adit-spin 1s linear infinite;
}

/* Loading spinner component */
.adit-loading-spinner {
  display: inline-block;
  width: 20px;
  height: 20px;
  border: 3px solid #f3f3f3;
  border-top: 3px solid #3351A6;
  border-radius: 50%;
  animation: adit-spin 1s linear infinite;
}

.adit-loading-spinner-sm {
  width: 16px;
  height: 16px;
  border-width: 2px;
}

.adit-loading-spinner-lg {
  width: 32px;
  height: 32px;
  border-width: 4px;
}

/* Fade animations */
.adit-fade-in {
  animation: adit-fadeIn 0.3s ease-out forwards;
}

.adit-fade-out {
  animation: adit-fadeOut 0.3s ease-out forwards;
}

/* Slide animations */
.adit-slide-down {
  animation: adit-slideDown 0.3s ease-out forwards;
}

.adit-slide-up {
  animation: adit-slideUp 0.3s ease-out forwards;
}

.adit-slide-in-left {
  animation: adit-slideInLeft 0.3s ease-out forwards;
}

.adit-slide-in-right {
  animation: adit-slideInRight 0.3s ease-out forwards;
}

/* Otras animaciones */
.adit-pulse {
  animation: adit-pulse 2s ease-in-out infinite;
}

.adit-bounce {
  animation: adit-bounce 1s ease infinite;
}

.adit-shake {
  animation: adit-shake 0.5s ease;
}

.adit-scale-in {
  animation: adit-scaleIn 0.3s ease-out forwards;
}

.adit-glow {
  animation: adit-glow 2s ease-in-out infinite;
}

/* Progress bar striped animation */
.adit-progress-bar-striped {
  background-image: linear-gradient(
    45deg,
    rgba(255, 255, 255, 0.15) 25%,
    transparent 25%,
    transparent 50%,
    rgba(255, 255, 255, 0.15) 50%,
    rgba(255, 255, 255, 0.15) 75%,
    transparent 75%,
    transparent
  );
  background-size: 40px 40px;
}

.adit-progress-bar-animated {
  animation: adit-progressStripe 1s linear infinite;
}

/* ========== UTILIDADES DE TRANSICIÓN ========== */
.adit-transition {
  transition: all 0.3s ease;
}

.adit-transition-fast {
  transition: all 0.15s ease;
}

.adit-transition-slow {
  transition: all 0.5s ease;
}

/* Hover effects */
.adit-hover-lift {
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.adit-hover-lift:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
}

.adit-hover-scale {
  transition: transform 0.2s ease;
}

.adit-hover-scale:hover {
  transform: scale(1.05);
}

.adit-hover-glow:hover {
  box-shadow: 0 0 15px rgba(139, 21, 56, 0.4);
}

/* ========== ESTADOS DE ANIMACIÓN ========== */

/* Para elementos que aparecen con delay */
.adit-delay-1 { animation-delay: 0.1s; }
.adit-delay-2 { animation-delay: 0.2s; }
.adit-delay-3 { animation-delay: 0.3s; }
.adit-delay-4 { animation-delay: 0.4s; }
.adit-delay-5 { animation-delay: 0.5s; }

/* Duración de animaciones */
.adit-duration-fast { animation-duration: 0.15s; }
.adit-duration-normal { animation-duration: 0.3s; }
.adit-duration-slow { animation-duration: 0.5s; }
.adit-duration-slower { animation-duration: 1s; }

/* ========== ACCESIBILIDAD ========== */

/* Respetar preferencia de movimiento reducido */
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
  
  .adit-spin,
  .fa-spin,
  .adit-loading-spin,
  .adit-pulse,
  .adit-bounce,
  .adit-glow {
    animation: none;
  }
}
/* ============================================================
   ADIT Home - Estilos de la Página de Inicio/Bienvenida
   Landing page con gradientes y animaciones
   ============================================================ */

/* ========== CONTENEDOR PRINCIPAL ========== */
.adit-home-container {
  min-height: 80vh;
  background: linear-gradient(135deg, #2F2D38 0%, #3351A6 50%, #1F77FA 100%);
  position: relative;
  overflow: hidden;
}

/* ========== FONDO ANIMADO ========== */
.adit-home-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.adit-home-bg-shapes {
  position: absolute;
  width: 100%;
  height: 100%;
}

.adit-home-shape {
  position: absolute;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 50%;
}

.adit-home-shape-1 {
  width: 500px;
  height: 500px;
  top: -200px;
  right: -100px;
  animation: adit-float 20s infinite ease-in-out;
}

.adit-home-shape-2 {
  width: 300px;
  height: 300px;
  bottom: -100px;
  left: -50px;
  animation: adit-float 15s infinite ease-in-out reverse;
}

.adit-home-shape-3 {
  width: 200px;
  height: 200px;
  top: 50%;
  left: 30%;
  animation: adit-float 10s infinite ease-in-out;
}

@keyframes adit-float {
  0%, 100% { transform: translateY(0) rotate(0deg); }
  50% { transform: translateY(-30px) rotate(180deg); }
}

/* ========== CONTENIDO HERO ========== */
.adit-home-content {
  position: relative;
  z-index: 10;
  padding: 80px 20px;
  color: white;
}

.adit-home-hero {
  text-align: center;
  margin-bottom: 60px;
}

.adit-home-logo {
  max-width: 200px;
  margin-bottom: 30px;
  filter: brightness(0) invert(1);
}

.adit-home-title {
  color: white;
  font-size: 3.5em;
  font-weight: 700;
  margin-bottom: 20px;
  text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
  animation: adit-fadeInDown 1s ease;
}

.adit-home-subtitle {
  color: white;
  font-size: 1.4em;
  opacity: 0.95;
  max-width: 800px;
  margin: 0 auto;
  line-height: 1.6;
  animation: adit-fadeInUp 1s ease;
}

/* ========== GRID DE CARACTERÍSTICAS ========== */
.adit-features-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 30px;
  max-width: 1200px;
  margin: 0 auto 60px;
  padding: 0 20px;
}

.adit-feature-card {
  background: rgba(255, 255, 255, 0.15);
  backdrop-filter: blur(10px);
  border-radius: 20px;
  padding: 40px;
  text-align: center;
  transition: all 0.3s ease;
  border: 2px solid rgba(255, 255, 255, 0.2);
  animation: adit-fadeIn 1s ease;
}

.adit-feature-card:hover {
  background: rgba(255, 255, 255, 0.25);
  transform: translateY(-10px);
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.3);
}

.adit-feature-icon {
  width: 80px;
  height: 80px;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 20px;
  font-size: 2.5em;
  color: white;
}

.adit-feature-card h4 {
  color: white;
  font-size: 1.5em;
  margin-bottom: 15px;
  font-weight: 600;
}

.adit-feature-card p {
  color: rgba(255, 255, 255, 0.9);
  font-size: 1.1em;
  line-height: 1.6;
}

/* ========== SECCIÓN DE INFORMACIÓN ========== */
.adit-home-info-section {
  background: white;
  padding: 60px 20px;
  margin-top: -30px;
  border-radius: 30px 30px 0 0;
}

.adit-info-container {
  max-width: 1200px;
  margin: 0 auto;
}

.adit-info-title {
  text-align: center;
  font-size: 2.5em;
  color: #2d3748;
  margin-bottom: 50px;
  font-weight: 700;
}

/* ========== GRID DE SERVICIOS ========== */
.adit-services-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 30px;
  margin-bottom: 60px;
}

.adit-service-item {
  background: #f7fafc;
  padding: 25px;
  border-radius: 15px;
  border-left: 4px solid #3351A6;
  transition: all 0.3s ease;
}

.adit-service-item:hover {
  background: #edf2f7;
  transform: translateX(10px);
}

.adit-service-item i {
  color: #3351A6;
  font-size: 2em;
  margin-bottom: 15px;
}

.adit-service-item h5 {
  color: #2d3748;
  font-size: 1.2em;
  margin-bottom: 10px;
  font-weight: 600;
}

.adit-service-item p {
  color: #718096;
  font-size: 0.95em;
  line-height: 1.5;
  margin: 0;
}

/* ========== CERTIFICACIONES ========== */
.adit-certifications {
  text-align: center;
  padding: 40px 20px;
  background: linear-gradient(135deg, #f7fafc 0%, #edf2f7 100%);
  border-radius: 20px;
}

.adit-cert-badges {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 15px;
  margin-top: 30px;
}

.adit-cert-badge {
  background: white;
  color: #3351A6;
  padding: 12px 25px;
  border-radius: 50px;
  font-weight: 600;
  font-size: 0.95em;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
}

.adit-cert-badge:hover {
  background: linear-gradient(135deg, #3351A6 0%, #1F77FA 100%);
  color: white;
  transform: scale(1.05);
}

/* ========== ANIMACIONES ========== */
@keyframes adit-fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes adit-fadeInDown {
  from { opacity: 0; transform: translateY(-30px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes adit-fadeInUp {
  from { opacity: 0; transform: translateY(30px); }
  to { opacity: 1; transform: translateY(0); }
}

/* ========== RESPONSIVE ========== */
@media (max-width: 768px) {
  .adit-home-title {
    font-size: 2.2em;
  }
  
  .adit-home-subtitle {
    font-size: 1.1em;
  }
  
  .adit-features-grid {
    grid-template-columns: 1fr;
  }
  
  .adit-home-content {
    padding: 40px 15px;
  }
  
  .adit-feature-card {
    padding: 25px;
  }
  
  .adit-info-title {
    font-size: 1.8em;
  }
}
/* ============================================================
   ADIT API Credentials - Estilos para Gestión de Credenciales API
   Tarjetas estadísticas avanzadas, tablas y recursos
   ============================================================ */


/* TARJETAS DE ESTADÍSTICAS MODERNAS
   ============================================ */

.adit-cards-container {
  display: flex;
  gap: 1.5rem;
  margin-bottom: 2rem;
}

.adit-stat-card {
  background: white;
  border-radius: 16px;
  padding: 1.5rem;
  position: relative;
  overflow: hidden;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.07);
  border: 2px solid transparent;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.adit-stat-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 5px;
  background: linear-gradient(90deg, var(--card-gradient-start), var(--card-gradient-end));
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.4s ease;
}

.adit-stat-card:hover::before {
  transform: scaleX(1);
}

.adit-stat-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.12);
  border-color: var(--card-border-color);
}

/* Variantes de colores */
.adit-stat-card-primary {
  --card-gradient-start: #3351A6;
  --card-gradient-end: #3351A6;
  --card-border-color: #3351A6;
  --card-icon-bg: linear-gradient(135deg, #3351A6 0%, #3351A6 100%);
  --card-number-color: #3351A6;
}

.adit-stat-card-success {
  --card-gradient-start: #16a34a;
  --card-gradient-end: #15803d;
  --card-border-color: #16a34a;
  --card-icon-bg: linear-gradient(135deg, #16a34a 0%, #15803d 100%);
  --card-number-color: #16a34a;
}

.adit-stat-card-warning {
  --card-gradient-start: #f59e0b;
  --card-gradient-end: #d97706;
  --card-border-color: #f59e0b;
  --card-icon-bg: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
  --card-number-color: #f59e0b;
}

.adit-stat-card-danger {
  --card-gradient-start: #ef4444;
  --card-gradient-end: #dc2626;
  --card-border-color: #ef4444;
  --card-icon-bg: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);
  --card-number-color: #ef4444;
}

/* Contenedor del icono */
.adit-stat-icon-container {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 1rem;
}

.adit-stat-icon {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background: var(--card-icon-bg);
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 2rem;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
  transition: all 0.4s ease;
  position: relative;
}

.adit-stat-icon::before {
  content: '';
  position: absolute;
  inset: -5px;
  border-radius: 50%;
  background: var(--card-icon-bg);
  opacity: 0;
  z-index: -1;
  transition: opacity 0.4s ease;
}

.adit-stat-card:hover .adit-stat-icon {
  transform: scale(1.15) rotate(10deg);
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.25);
}

.adit-stat-card:hover .adit-stat-icon::before {
  opacity: 0.3;
  animation: pulse-ring 1.5s infinite;
}

@keyframes pulse-ring {
  0% {
    transform: scale(1);
    opacity: 0.3;
  }
  50% {
    transform: scale(1.1);
    opacity: 0.15;
  }
  100% {
    transform: scale(1);
    opacity: 0.3;
  }
}

/* Contenido de la estadística */
.adit-stat-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.adit-stat-label {
  font-size: 0.95rem;
  font-weight: 600;
  color: #4b5563;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin: 0;
  transition: color 0.3s ease;
}

.adit-stat-card:hover .adit-stat-label {
  color: #1f2937;
}

.adit-stat-number-wrapper {
  display: flex;
  align-items: baseline;
  gap: 0.75rem;
  margin: 0.5rem 0;
}

.adit-stat-number {
  font-size: 3.5rem;
  font-weight: 800;
  color: var(--card-number-color);
  line-height: 1;
  transition: all 0.4s ease;
  position: relative;
}

.adit-stat-card:hover .adit-stat-number {
  transform: scale(1.05);
  filter: brightness(1.1);
}

.adit-stat-number::after {
  content: '';
  position: absolute;
  bottom: -5px;
  left: 0;
  width: 0;
  height: 4px;
  background: var(--card-icon-bg);
  transition: width 0.4s ease;
  border-radius: 2px;
}

.adit-stat-card:hover .adit-stat-number::after {
  width: 60px;
}

.adit-stat-suffix {
  font-size: 0.875rem;
  font-weight: 500;
  color: #9ca3af;
  align-self: flex-end;
  padding-bottom: 0.5rem;
}

/* Footer de la card */
.adit-stat-footer {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding-top: 1rem;
  margin-top: auto;
  border-top: 2px solid #f3f4f6;
  font-size: 0.85rem;
  color: #6b7280;
  transition: all 0.3s ease;
}

.adit-stat-footer i {
  font-size: 1rem;
  transition: transform 0.3s ease;
}

.adit-stat-card:hover .adit-stat-footer {
  color: #374151;
  border-top-color: var(--card-border-color);
}

.adit-stat-card:hover .adit-stat-footer i {
  transform: scale(1.2);
}

/* Responsive */
@media (max-width: 992px) {
  .adit-stat-number {
    font-size: 2.5rem;
  }
  
  .adit-stat-icon {
    width: 60px;
    height: 60px;
    font-size: 1.75rem;
  }
}

@media (max-width: 768px) {
  .adit-cards-container {
    gap: 1rem;
  }
  
  .adit-stat-card {
    padding: 1.25rem;
  }
  
  .adit-stat-number {
    font-size: 2.25rem;
  }
  
  .adit-stat-icon {
    width: 55px;
    height: 55px;
    font-size: 1.5rem;
  }
}

/* Badges de estado personalizados para credenciales */
.adit-status-testing {
  background: rgba(245, 158, 11, 0.1);
  color: #d97706;
  border: 1px solid rgba(245, 158, 11, 0.3);
}

.adit-status-produccion {
  background: rgba(59, 130, 246, 0.1);
  color: #2563eb;
  border: 1px solid rgba(59, 130, 246, 0.3);
}

.adit-status-revocada {
  background: rgba(239, 68, 68, 0.1);
  color: #dc2626;
  border: 1px solid rgba(239, 68, 68, 0.3);
}

.adit-status-expirada {
  background: rgba(245, 158, 11, 0.1);
  color: #d97706;
  border: 1px solid rgba(245, 158, 11, 0.3);
}

.adit-status-activa {
  background: rgba(34, 197, 94, 0.1);
  color: #16a34a;
  border: 1px solid rgba(34, 197, 94, 0.3);
}

.adit-status-inactiva {
  background: rgba(107, 114, 128, 0.1);
  color: #4b5563;
  border: 1px solid rgba(107, 114, 128, 0.3);
}

/* Mejoras para la tabla */
.table thead th {
  background: #e8dade;
  color: #751f32;
  border: none;
  font-weight: 600;
  font-size: 13px;
  padding: 12px 15px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.table tbody tr {
  transition: all 0.2s;
}

.table tbody tr:hover {
  background-color: #f8f9fa;
}

.table tbody td {
  vertical-align: middle;
  padding: 15px;
  border-bottom: 1px solid #e9ecef;
}

/* Contenedor de botones de acción mejorado */
.adit-action-buttons {
  display: inline-flex;
  gap: 0.5rem;
  align-items: center;
  justify-content: center;
}

/* Botones de acción pequeños con diseño moderno */
.adit-action-btn-sm {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 8px;
  font-size: 0.9rem;
  transition: all 0.3s ease;
  text-decoration: none;
  border: 2px solid transparent;
  position: relative;
  overflow: hidden;
}

.adit-action-btn-sm i {
  position: relative;
  z-index: 1;
}

/* Botón Ver (Azul) */
.adit-btn-view {
  background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
  color: white;
  box-shadow: 0 2px 8px rgba(59, 130, 246, 0.3);
}

.adit-btn-view:hover {
  background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(59, 130, 246, 0.4);
  color: white;
}

/* Botón Editar (Naranja/Amarillo) */
.adit-btn-edit {
  background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
  color: white;
  box-shadow: 0 2px 8px rgba(245, 158, 11, 0.3);
}

.adit-btn-edit:hover {
  background: linear-gradient(135deg, #d97706 0%, #b45309 100%);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(245, 158, 11, 0.4);
  color: white;
}

/* Botón Eliminar (Rojo) */
.adit-btn-delete {
  background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);
  color: white;
  box-shadow: 0 2px 8px rgba(239, 68, 68, 0.3);
}

.adit-btn-delete:hover {
  background: linear-gradient(135deg, #dc2626 0%, #b91c1c 100%);
  transform: translateY(-2px) scale(1.05);
  box-shadow: 0 4px 12px rgba(239, 68, 68, 0.4);
  color: white;
}

/* Efecto de pulso al hacer hover en eliminar */
.adit-btn-delete:hover::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.3);
  transform: translate(-50%, -50%);
  animation: ripple 0.6s ease-out;
}

@keyframes ripple {
  to {
    width: 100px;
    height: 100px;
    opacity: 0;
  }
}

/* Estado activo/focus */
.adit-action-btn-sm:active {
  transform: translateY(0) scale(0.95);
}

.adit-action-btn-sm:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(107, 15, 42, 0.2);
}

/* Responsive para móviles */
@media (max-width: 768px) {
  .adit-action-buttons {
    gap: 0.35rem;
  }
  
  .adit-action-btn-sm {
    width: 32px;
    height: 32px;
    font-size: 0.85rem;
  }
}

/* Estilos para la Guía Rápida */
.adit-quick-guide-card {
  border: 2px solid #e8dade;
  overflow: hidden;
}

.adit-quick-guide-item {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  padding: 0.75rem 0;
  border-bottom: 1px solid #f3f4f6;
}

.adit-quick-guide-item:last-child {
  border-bottom: none;
}

.adit-guide-number {
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: linear-gradient(135deg, #3351A6 0%, #3351A6 100%);
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 0.9rem;
}

.adit-guide-text strong {
  color: #3351A6;
  font-size: 0.95rem;
  display: block;
  margin-bottom: 0.25rem;
}

.adit-guide-text p {
  color: #6b7280;
  font-size: 0.85rem;
  margin: 0;
  line-height: 1.4;
}

/* Estilos para Seguridad Card */
.adit-security-card {
  border: 2px solid #d1fae5;
  overflow: hidden;
}

.adit-security-item {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  padding: 0.75rem 0;
  border-bottom: 1px solid #f3f4f6;
}

.adit-security-item:last-child {
  border-bottom: none;
}

.adit-security-text strong {
  color: #15803d;
  font-size: 0.95rem;
  display: block;
  margin-bottom: 0.25rem;
}

.adit-security-text p {
  color: #6b7280;
  font-size: 0.85rem;
  line-height: 1.4;
}

/* Estilos para Timeline de Actividad */
.adit-activity-timeline {
  padding: 1.5rem;
}

.adit-timeline-item {
  display: flex;
  gap: 1rem;
  padding-bottom: 1.5rem;
  position: relative;
}

.adit-timeline-item:last-child {
  padding-bottom: 0;
}

.adit-timeline-item:not(:last-child)::before {
  content: '';
  position: absolute;
  left: 19px;
  top: 40px;
  bottom: -10px;
  width: 2px;
  background: #e5e7eb;
}

.adit-timeline-icon {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 1rem;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  position: relative;
  z-index: 1;
}

.adit-timeline-content {
  flex: 1;
  background: #f9fafb;
  padding: 0.75rem 1rem;
  border-radius: 8px;
  border-left: 3px solid #3351A6;
}

.adit-timeline-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 0.5rem;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.adit-timeline-header strong {
  color: #1f2937;
  font-size: 1rem;
}

.adit-timeline-date {
  color: #6b7280;
  font-size: 0.8rem;
  font-style: italic;
}

.adit-timeline-body {
  color: #4b5563;
  font-size: 0.9rem;
  line-height: 1.5;
}

/* Animación suave para las cards */
.adit-info-card {
  animation: fadeInUp 0.5s ease-out;
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Estilos para las tarjetas de recursos */
.adit-resources-container {
  display: flex;
  gap: 1.5rem;
  flex-wrap: wrap;
}

.adit-resource-card {
  background: white;
  border: 2px solid #e5e7eb;
  border-radius: 12px;
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  transition: all 0.3s ease;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  height: 100%;
  min-height: 220px;
}

.adit-resource-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, #3351A6 0%, #3351A6 50%, #3351A6 100%);
  transform: scaleX(0);
  transition: transform 0.3s ease;
}

.adit-resource-card:hover::before {
  transform: scaleX(1);
}

.adit-resource-card:hover {
  border-color: #3351A6;
  transform: translateY(-8px);
  box-shadow: 0 12px 32px rgba(107, 15, 42, 0.15);
}

.adit-resource-icon {
  width: 64px;
  height: 64px;
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 1.8rem;
  margin-bottom: 1rem;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  transition: all 0.3s ease;
}

.adit-resource-card:hover .adit-resource-icon {
  transform: scale(1.1) rotate(5deg);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.25);
}

.adit-resource-title {
  color: #1f2937;
  font-size: 1.1rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
  transition: color 0.3s ease;
}

.adit-resource-card:hover .adit-resource-title {
  color: #3351A6;
}

.adit-resource-desc {
  color: #6b7280;
  font-size: 0.9rem;
  line-height: 1.5;
  flex-grow: 1;
  margin-bottom: 1rem;
}

.adit-resource-arrow {
  color: #3351A6;
  font-size: 1.2rem;
  opacity: 0;
  transform: translateX(-10px);
  transition: all 0.3s ease;
}

.adit-resource-card:hover .adit-resource-arrow {
  opacity: 1;
  transform: translateX(0);
}

/* Hover effects para las cards de guía y seguridad */
.adit-quick-guide-card:hover,
.adit-security-card:hover {
  box-shadow: 0 8px 24px rgba(107, 15, 42, 0.12);
  transform: translateY(-2px);
  transition: all 0.3s ease;
}

/* Responsive para las nuevas secciones */
@media (max-width: 768px) {
  .adit-quick-guide-item,
  .adit-security-item {
    flex-direction: column;
    gap: 0.5rem;
  }
  
  .adit-timeline-header {
    flex-direction: column;
  }
  
  .adit-timeline-date {
    align-self: flex-start;
  }
}
/* Alerta de éxito personalizada */
.adit-success-alert {
  background: linear-gradient(135deg, #d1fae5 0%, #a7f3d0 100%);
  border: 2px solid #10b981;
  border-radius: 12px;
  padding: 1rem 1.5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  box-shadow: 0 4px 12px rgba(16, 185, 129, 0.2);
  animation: slideInDown 0.3s ease;
}

.adit-alert-content {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  flex: 1;
  color: #065f46;
  font-weight: 500;
  font-size: 0.95rem;
}

.adit-alert-content i {
  font-size: 1.25rem;
  color: #10b981;
}

.adit-alert-close {
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid #10b981;
  color: #10b981;
  width: 32px;
  height: 32px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s ease;
  flex-shrink: 0;
}

.adit-alert-close:hover {
  background: #10b981;
  color: white;
  transform: scale(1.1) rotate(90deg);
  box-shadow: 0 4px 12px rgba(16, 185, 129, 0.4);
}

.adit-alert-close i {
  font-size: 0.9rem;
}

@keyframes slideInDown {
  from {
    opacity: 0;
    transform: translateY(-20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Credential Box Styles */
.adit-credential-box {
  background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);
  border-radius: 12px;
  padding: 20px;
  border: 2px solid #e5e7eb;
}

.adit-credential-item {
  margin-bottom: 15px;
}

.adit-credential-item:last-child {
  margin-bottom: 0;
}

.adit-credential-label {
  font-weight: 600;
  color: #374151;
  margin-bottom: 8px;
  font-size: 14px;
}

.adit-credential-label i {
  color: #3351A6;
  margin-right: 6px;
}

.adit-credential-value {
  display: flex;
  align-items: center;
  gap: 10px;
}

.adit-api-key {
  background: linear-gradient(135deg, #3351A6 0%, #3351A6 100%);
  color: white;
  padding: 12px 16px;
  border-radius: 8px;
  font-family: 'Courier New', monospace;
  font-size: 13px;
  flex: 1;
  letter-spacing: 0.5px;
  font-weight: 600;
  box-shadow: 0 2px 8px rgba(107, 15, 42, 0.3);
}

.adit-api-secret {
  color: #6b7280;
  padding: 12px 16px;
  border-radius: 8px;
  font-family: 'Courier New', monospace;
  font-size: 13px;
  background: #f3f4f6;
  border: 2px dashed #d1d5db;
}

.adit-copy-btn {
  background: white;
  border: 2px solid #3351A6;
  color: #3351A6;
  padding: 8px 12px;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.3s ease;
  font-size: 14px;
}

.adit-copy-btn:hover {
  background: #3351A6;
  color: white;
  transform: scale(1.05);
  box-shadow: 0 4px 12px rgba(107, 15, 42, 0.4);
}

/* Permission Badges */
.adit-permission-badge {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 16px;
  border-radius: 8px;
  background: #f9fafb;
  border: 2px solid #e5e7eb;
  transition: all 0.3s ease;
}

.adit-permission-badge.active {
  background: linear-gradient(135deg, #fee2e2 0%, #fecaca 100%);
  border-color: #3351A6;
}

.adit-permission-badge.inactive {
  background: #f3f4f6;
  border-color: #d1d5db;
  opacity: 0.6;
}

.adit-permission-badge i:first-child {
  font-size: 18px;
}

.adit-permission-badge span {
  flex: 1;
  font-weight: 500;
  font-size: 13px;
}

.adit-permission-badge .status-icon {
  font-size: 16px;
}

.adit-permission-badge.active .status-icon {
  color: #3351A6;
}

.adit-permission-badge.inactive .status-icon {
  color: #9ca3af;
}

/* IP List */
.adit-ip-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.adit-ip-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 14px;
  background: linear-gradient(135deg, #fee2e2 0%, #fecaca 100%);
  border-radius: 6px;
  border: 1px solid #3351A6;
}

.adit-ip-item i {
  color: #3351A6;
}

.adit-ip-item code {
  font-family: 'Courier New', monospace;
  color: #3351A6;
  background: white;
  padding: 4px 8px;
  border-radius: 4px;
  font-weight: 600;
}

/* Quick Actions */
.adit-quick-actions {
  display: flex;
  flex-direction: column;
}

.adit-quick-action-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px 20px;
  border-bottom: 1px solid #f3f4f6;
  text-decoration: none;
  color: #374151;
  transition: all 0.3s ease;
  cursor: pointer;
}

.adit-quick-action-item:last-child {
  border-bottom: none;
}

.adit-quick-action-item:hover {
  background: linear-gradient(90deg, #f9fafb 0%, transparent 100%);
  padding-left: 24px;
}

.adit-quick-action-item i:first-child {
  font-size: 18px;
  width: 24px;
  text-align: center;
}

.adit-quick-action-item span {
  flex: 1;
  font-weight: 500;
  font-size: 14px;
}

.adit-quick-action-item i:last-child {
  color: #9ca3af;
  font-size: 12px;
}

.adit-quick-action-item.danger:hover {
  background: linear-gradient(90deg, #fef2f2 0%, transparent 100%);
}

/* Security List */
.adit-security-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.adit-security-list li {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 10px 0;
  border-bottom: 1px solid #f3f4f6;
  font-size: 13px;
  color: #4b5563;
}

.adit-security-list li:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

.adit-security-list li i {
  color: #f59e0b;
  margin-top: 2px;
  flex-shrink: 0;
}

/* Documentation Links */
.adit-doc-links {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.adit-doc-link {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 14px;
  background: linear-gradient(135deg, #f3f4f6 0%, #e5e7eb 100%);
  border-radius: 8px;
  text-decoration: none;
  border: 1px solid #6b7280;
  transition: all 0.3s ease;
}

.adit-doc-link:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(107, 114, 128, 0.3);
  text-decoration: none;
}

.adit-doc-link i {
  font-size: 24px;
  color: #3351A6;
  width: 32px;
  text-align: center;
}

.adit-doc-link strong {
  display: block;
  color: #374151;
  font-size: 14px;
  margin-bottom: 2px;
}

.adit-doc-link small {
  display: block;
  color: #6b7280;
  font-size: 12px;
}

/* Copy Notification */
.adit-copy-notification {
  position: fixed;
  top: 20px;
  right: 20px;
  background: linear-gradient(135deg, #3351A6 0%, #3351A6 100%);
  color: white;
  padding: 14px 20px;
  border-radius: 8px;
  box-shadow: 0 4px 20px rgba(107, 15, 42, 0.4);
  z-index: 10000;
  display: flex;
  align-items: center;
  gap: 10px;
  font-weight: 500;
  opacity: 0;
  transform: translateY(-20px);
  transition: all 0.3s ease;
}

.adit-copy-notification.show {
  opacity: 1;
  transform: translateY(0);
}

.adit-copy-notification i {
  font-size: 18px;
}

/* Action Buttons Override */
.adit-btn-secondary {
  background: linear-gradient(135deg, #ffffff 0%, #f1f5f9 100%) !important;
  color: #3351A6 !important;
  border: 2px solid rgba(107, 15, 42, 0.2) !important;
}

.adit-btn-primary {
  background: linear-gradient(135deg, #3351A6 0%, #3351A6 100%);
}

.adit-btn-warning {
  background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
}

.adit-btn-success {
  background: linear-gradient(135deg, #16a34a 0%, #15803d 100%);
}


/* ============================================
   API CREDENTIAL SHOW PAGE STYLES
   ============================================ */
/* Modern Permission Cards */
.adit-permission-card {
  background: #fff;
  border-radius: 8px;
  padding: 20px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.1);
  transition: all 0.3s ease;
}

.adit-permission-card:hover {
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
  transform: translateY(-2px);
}

.adit-permission-title {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 15px;
  padding-bottom: 10px;
  border-bottom: 2px solid #f3f4f6;
}

.adit-permission-item {
  margin-bottom: 15px;
}

.adit-permission-item:last-child {
  margin-bottom: 0;
}

.adit-permission-item .custom-control-label {
  font-size: 14px;
  cursor: pointer;
}

.adit-permission-item code {
  font-size: 11px;
  padding: 2px 6px;
  border-radius: 3px;
  background: #f8f9fa;
}

/* Switch Container */
.adit-switch-container {
  background: #f8f9fa;
  padding: 15px;
  border-radius: 8px;
  border: 1px solid #e5e7eb;
}

.adit-switch-container .custom-switch {
  padding-left: 0;
}

.adit-switch-container .custom-control-label {
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
}

/* Help Card */
.adit-help-card {
  background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0,0,0,0.08);
  margin-top: 30px;
}

.adit-help-header {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: white;
  padding: 20px 30px;
  display: flex;
  align-items: center;
  gap: 10px;
}

.adit-help-header i {
  font-size: 24px;
}

.adit-help-header h4 {
  margin: 0;
  font-size: 18px;
  font-weight: 600;
}

.adit-help-body {
  padding: 30px;
}

.adit-help-section h6 {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 12px;
  color: #374151;
}

.adit-help-section ul {
  font-size: 13px;
  color: #6b7280;
  line-height: 1.8;
  padding-left: 20px;
}

.adit-help-section li {
  margin-bottom: 8px;
}

/* Form Actions */
.adit-form-actions {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 25px 30px;
  background: #f9fafb;
  border-top: 2px solid #e5e7eb;
  border-radius: 0 0 12px 12px;
  margin-top: 30px;
}

.adit-btn-cancel {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 12px 24px;
  background: #6b7280;
  color: white;
  border-radius: 8px;
  text-decoration: none;
  font-weight: 500;
  transition: all 0.3s ease;
  border: none;
  cursor: pointer;
}

.adit-btn-cancel:hover {
  background: #4b5563;
  color: white;
  text-decoration: none;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(107, 114, 128, 0.3);
}

.adit-btn-submit {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 12px 30px;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: white;
  border-radius: 8px;
  font-weight: 600;
  border: none;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
}

.adit-btn-submit:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(102, 126, 234, 0.4);
}

/* Status Badge for Header */
.adit-status-new {
  background: linear-gradient(135deg, #10b981 0%, #059669 100%);
  color: white;
  padding: 8px 16px;
  border-radius: 20px;
  font-size: 13px;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  box-shadow: 0 2px 8px rgba(16, 185, 129, 0.3);
}
/* ============================================================
   ADIT Dashboards - Estilos para Reportes y Gráficos
   Sidebar, cards de estadísticas y layouts de dashboard
   ============================================================ */

/* ========== SIDEBAR DE NAVEGACIÓN ========== */
.adit-sidebar {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  border-radius: 12px;
  padding: 20px 0;
  position: sticky;
  top: 80px;
}

.adit-sidebar-header {
  color: white;
  font-size: 18px;
  font-weight: 600;
  padding: 0 20px 15px;
  border-bottom: 1px solid rgba(255,255,255,0.2);
  margin-bottom: 15px;
}

.adit-sidebar-header i {
  margin-right: 10px;
}

.adit-sidebar-nav .adit-nav-link {
  display: block;
  color: rgba(255,255,255,0.8);
  padding: 10px 20px;
  text-decoration: none;
  transition: all 0.3s ease;
  border-left: 3px solid transparent;
}

.adit-sidebar-nav .adit-nav-link:hover,
.adit-sidebar-nav .adit-nav-link.active {
  background: rgba(255,255,255,0.1);
  color: white;
  border-left-color: white;
}

.adit-sidebar-nav .adit-nav-link i {
  width: 20px;
  margin-right: 10px;
}

/* ========== PAGE HEADER ========== */
.adit-page-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 25px;
  padding-bottom: 15px;
  border-bottom: 2px solid #e9ecef;
}

.adit-page-title {
  font-size: 24px;
  font-weight: 700;
  color: #2d3748;
  margin: 0;
}

.adit-page-title i {
  color: #667eea;
  margin-right: 10px;
}

.adit-page-subtitle {
  color: #718096;
  margin: 5px 0 0;
}

/* ========== CHART CONTAINERS ========== */
.adit-chart-container {
  position: relative;
  height: 300px;
  width: 100%;
}

.adit-chart-container.adit-chart-tall {
  height: 400px;
}

/* ========== METRIC CARDS FOR DASHBOARDS ========== */
.adit-metric-card {
  background: white;
  border-radius: 12px;
  padding: 20px;
  display: flex;
  align-items: center;
  box-shadow: 0 2px 15px rgba(0,0,0,0.08);
  transition: transform 0.3s ease;
}

.adit-metric-card:hover {
  transform: translateY(-3px);
}

.adit-metric-icon {
  width: 50px;
  height: 50px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  margin-right: 15px;
}

.adit-metric-primary .adit-metric-icon { 
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); 
  color: white; 
}

.adit-metric-info .adit-metric-icon { 
  background: linear-gradient(135deg, #17a2b8 0%, #138496 100%); 
  color: white; 
}

.adit-metric-success .adit-metric-icon { 
  background: linear-gradient(135deg, #28a745 0%, #20c997 100%); 
  color: white; 
}

.adit-metric-warning .adit-metric-icon { 
  background: linear-gradient(135deg, #ffc107 0%, #fd7e14 100%); 
  color: white; 
}

.adit-metric-value {
  font-size: 24px;
  font-weight: 700;
  color: #2d3748;
  margin: 0;
}

.adit-metric-label {
  font-size: 13px;
  color: #718096;
  margin: 0;
}

/* ========== FILTER SECTIONS ========== */
.adit-filter-section {
  background: #f8f9fa;
  border-radius: 8px;
  padding: 15px;
  margin-bottom: 20px;
}

.adit-filter-row {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  align-items: end;
}

.adit-filter-group {
  flex: 1;
  min-width: 150px;
}

.adit-filter-label {
  display: block;
  font-size: 12px;
  font-weight: 600;
  color: #6c757d;
  margin-bottom: 5px;
  text-transform: uppercase;
}

/* ========== SELECTION STYLES ========== */
.adit-selectable-item {
  cursor: pointer;
  transition: all 0.2s ease;
}

.adit-selectable-item:hover {
  background-color: #f8f9fa;
}

.adit-selectable-item.selected {
  background-color: #e3f2fd;
  border-left: 3px solid #2196f3;
}

.adit-selection-actions {
  position: sticky;
  bottom: 0;
  background: white;
  padding: 15px;
  border-top: 1px solid #e9ecef;
  box-shadow: 0 -2px 10px rgba(0,0,0,0.1);
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.adit-selection-count {
  font-weight: 600;
  color: #2d3748;
}

/* ========== RESPONSIVE ========== */
@media (max-width: 768px) {
  .adit-sidebar {
    position: relative;
    top: 0;
    margin-bottom: 20px;
  }
  
  .adit-page-header {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }
  
  .adit-filter-row {
    flex-direction: column;
  }
  
  .adit-filter-group {
    width: 100%;
  }
}
/* ============================================================
   ADIT API Docs - Estilos para Documentación de API
   Bloques de código, navegación y estilos de documentación
   ============================================================ */
.markdown-body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.6;
  color: #495057;
  padding: 1.5rem;
  max-width: 100%;
  overflow-x: auto;
  word-wrap: break-word;
}

.markdown-body h1 {
  font-size: 2.25rem;
  font-weight: 700;
  margin-top: 2rem;
  margin-bottom: 1rem;
  color: #3351A6;
  border-bottom: 3px solid #3351A6;
  padding-bottom: 0.5rem;
}

.markdown-body h2 {
  font-size: 1.75rem;
  font-weight: 600;
  margin-top: 2rem;
  margin-bottom: 0.75rem;
  color: #751f32;
  border-bottom: 2px solid #e8dade;
  padding-bottom: 0.4rem;
}

.markdown-body h3 {
  font-size: 1.35rem;
  font-weight: 600;
  margin-top: 1.5rem;
  margin-bottom: 0.5rem;
  color: #3351A6;
}

.markdown-body h4 {
  font-size: 1.15rem;
  font-weight: 600;
  margin-top: 1rem;
  margin-bottom: 0.5rem;
  color: #6c757d;
}

.markdown-body code {
  background: #f8f9fa;
  color: #dc3545;
  padding: 0.2rem 0.5rem;
  border-radius: 4px;
  font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;
  font-size: 0.9em;
  border: 1px solid #e9ecef;
}

.markdown-body pre {
  background: #2d3748;
  color: #e2e8f0;
  padding: 1.5rem;
  border-radius: 8px;
  overflow-x: auto;
  margin: 1rem 0;
}

.markdown-body pre code {
  background: none;
  color: inherit;
  padding: 0;
}

.markdown-body ul, .markdown-body ol {
  margin-left: 1.5rem;
  margin-bottom: 1rem;
}

.markdown-body li {
  margin-bottom: 0.4rem;
}

.markdown-body a {
  color: #dc3545;
  text-decoration: none;
}

.markdown-body a:hover {
  text-decoration: underline;
}

.markdown-body strong {
  font-weight: 600;
  color: #212529;
}

.markdown-body em {
  font-style: italic;
}

/* Tablas mejoradas */
.markdown-body .adit-api-table {
  width: 100%;
  border-collapse: collapse;
  margin: 1.5rem 0;
  background: white;
  box-shadow: 0 2px 8px rgba(0,0,0,0.08);
  border-radius: 8px;
  overflow: hidden;
}

.markdown-body .adit-api-table thead {
  background: linear-gradient(135deg, #3351A6 0%, #3351A6 100%);
  color: white;
}

.markdown-body .adit-api-table th {
  padding: 1rem 1.25rem;
  text-align: left;
  font-weight: 600;
  font-size: 0.95rem;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  border-right: 1px solid rgba(255,255,255,0.1);
}

.markdown-body .adit-api-table th:last-child {
  border-right: none;
}

.markdown-body .adit-api-table tbody tr {
  border-bottom: 1px solid #e9ecef;
  transition: background-color 0.2s ease;
}

.markdown-body .adit-api-table tbody tr:hover {
  background-color: #f8f9fa;
}

.markdown-body .adit-api-table tbody tr:last-child {
  border-bottom: none;
}

.markdown-body .adit-api-table td {
  padding: 1rem 1.25rem;
  color: #495057;
  font-size: 0.95rem;
  vertical-align: top;
}

.markdown-body .adit-api-table td code,
.markdown-body .adit-api-table th code {
  background: #e8dade;
  color: #3351A6;
  padding: 0.15rem 0.4rem;
  font-size: 0.85rem;
  border: none;
}

.markdown-body .adit-api-table td strong,
.markdown-body .adit-api-table th strong {
  color: #3351A6;
  font-weight: 700;
}

.markdown-body .adit-api-table td em,
.markdown-body .adit-api-table th em {
  font-style: italic;
  color: inherit;
}

.markdown-body .adit-api-table td a,
.markdown-body .adit-api-table th a {
  color: #3351A6;
  font-weight: 600;
  text-decoration: underline;
}

.markdown-body .adit-api-table td a:hover,
.markdown-body .adit-api-table th a:hover {
  color: #3351A6;
}

/* Blockquotes mejorados */
.markdown-body .adit-blockquote {
  background: linear-gradient(90deg, #e8dade 0%, #f5f0f2 100%);
  border-left: 4px solid #3351A6;
  padding: 1rem 1.5rem;
  margin: 1.5rem 0;
  border-radius: 0 8px 8px 0;
  color: #495057;
  font-style: italic;
}

.markdown-body .adit-blockquote strong {
  color: #3351A6;
}

/* Divisores */
.markdown-body .adit-divider {
  border: none;
  border-top: 2px solid #e8dade;
  margin: 2rem 0;
}

/* Contenedor de código mejorado */
.markdown-body .adit-code-container {
  margin: 1.5rem 0;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

.markdown-body .adit-code-header {
  background: linear-gradient(135deg, #1f2937 0%, #111827 100%);
  padding: 0.75rem 1.25rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 2px solid #374151;
}

.markdown-body .adit-code-lang {
  color: #10b981;
  font-weight: 600;
  font-size: 0.85rem;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.markdown-body .adit-code-copy-btn {
  background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
  color: white;
  border: none;
  padding: 0.4rem 0.8rem;
  border-radius: 4px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
  font-size: 0.8rem;
}

.markdown-body .adit-code-copy-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(59, 130, 246, 0.4);
}

.markdown-body .adit-code-copy-btn i {
  margin-right: 0.3rem;
}

.markdown-body .adit-code-container pre {
  margin: 0;
  border-radius: 0;
}

/* Listas mejoradas */
.markdown-body ul {
  margin-left: 2rem;
  margin-bottom: 1.5rem;
}

.markdown-body ul li {
  margin-bottom: 0.6rem;
  padding-left: 0.5rem;
}

.markdown-body ul li::marker {
  color: #3351A6;
}

.markdown-body ol {
  margin-left: 2rem;
  margin-bottom: 1.5rem;
}

.markdown-body ol li {
  margin-bottom: 0.6rem;
  padding-left: 0.5rem;
}

.markdown-body ol li::marker {
  color: #3351A6;
  font-weight: 600;
}

/* Párrafos */
.markdown-body p {
  margin-bottom: 1rem;
  line-height: 1.7;
}

.adit-copy-notification {
  position: fixed;
  bottom: -100px;
  right: 2rem;
  background: linear-gradient(135deg, #28a745 0%, #218838 100%);
  color: white;
  padding: 1rem 1.5rem;
  border-radius: 8px;
  box-shadow: 0 8px 24px rgba(40, 167, 69, 0.4);
  z-index: 10001;
  font-weight: 600;
  transition: bottom 0.3s ease;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.adit-copy-notification.show {
  bottom: 2rem;
}

.adit-copy-notification i {
  font-size: 1.2rem;
}

.adit-doc-viewer {
  background: white;
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
  border: 2px solid #e5e7eb;
  overflow: hidden;
}

.adit-code-toolbar {
  background: linear-gradient(135deg, #1f2937 0%, #111827 100%);
  padding: 1rem 1.5rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 2px solid #374151;
}

.adit-code-lang {
  color: #10b981;
  font-weight: 600;
  font-size: 0.9rem;
}

.adit-code-lang i {
  margin-right: 0.5rem;
}

.adit-code-copy-btn {
  background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
  color: white;
  border: none;
  padding: 0.5rem 1rem;
  border-radius: 6px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  font-size: 0.85rem;
}

.adit-code-copy-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(59, 130, 246, 0.4);
}

.adit-code-block {
  background: #1f2937;
  color: #e5e7eb;
  padding: 2rem;
  margin: 0;
  font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;
  font-size: 0.9rem;
  line-height: 1.6;
  overflow-x: auto;
  max-height: 80vh;
  overflow-y: auto;
}

.adit-code-block code {
  color: inherit;
  background: none;
  padding: 0;
}

.adit-markdown-content {
  padding: 2rem;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
  color: #1f2937;
  line-height: 1.7;
  max-height: 80vh;
  overflow-y: auto;
}

.adit-markdown-content h1 {
  font-size: 2.5rem;
  font-weight: 700;
  color: #1f2937;
  margin-bottom: 1.5rem;
  padding-bottom: 0.75rem;
  border-bottom: 3px solid #e5e7eb;
}

.adit-markdown-content h2 {
  font-size: 2rem;
  font-weight: 600;
  color: #374151;
  margin-top: 2rem;
  margin-bottom: 1rem;
  padding-bottom: 0.5rem;
  border-bottom: 2px solid #e5e7eb;
}

.adit-markdown-content h3 {
  font-size: 1.5rem;
  font-weight: 600;
  color: #4b5563;
  margin-top: 1.5rem;
  margin-bottom: 0.75rem;
}

.adit-markdown-content p {
  margin-bottom: 1rem;
  color: #374151;
}

.adit-markdown-content code {
  background: #f3f4f6;
  padding: 0.2rem 0.4rem;
  border-radius: 4px;
  font-family: 'Monaco', 'Menlo', monospace;
  font-size: 0.9em;
  color: #dc2626;
}

.adit-markdown-content pre {
  background: #1f2937;
  color: #e5e7eb;
  padding: 1.5rem;
  border-radius: 8px;
  overflow-x: auto;
  margin: 1rem 0;
}

.adit-markdown-content pre code {
  background: none;
  color: inherit;
  padding: 0;
  font-size: 0.9rem;
}

.adit-markdown-content ul,
.adit-markdown-content ol {
  margin-bottom: 1rem;
  padding-left: 2rem;
}

.adit-markdown-content li {
  margin-bottom: 0.5rem;
  color: #374151;
}

.adit-markdown-content a {
  color: #3b82f6;
  text-decoration: none;
  font-weight: 500;
}

.adit-markdown-content a:hover {
  text-decoration: underline;
}

.adit-markdown-content table {
  width: 100%;
  border-collapse: collapse;
  margin: 1rem 0;
  overflow: hidden;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

.adit-markdown-content th {
  background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
  color: white;
  padding: 1rem;
  text-align: left;
  font-weight: 600;
}

.adit-markdown-content td {
  padding: 0.75rem 1rem;
  border-bottom: 1px solid #e5e7eb;
}

.adit-markdown-content tr:nth-child(even) {
  background: #f9fafb;
}

.adit-markdown-content blockquote {
  border-left: 4px solid #3b82f6;
  padding-left: 1rem;
  margin: 1rem 0;
  color: #6b7280;
  font-style: italic;
}

/* Scroll personalizado */
.adit-markdown-content::-webkit-scrollbar,
.adit-code-block::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

.adit-markdown-content::-webkit-scrollbar-track,
.adit-code-block::-webkit-scrollbar-track {
  background: #f3f4f6;
}

.adit-markdown-content::-webkit-scrollbar-thumb,
.adit-code-block::-webkit-scrollbar-thumb {
  background: #9ca3af;
  border-radius: 4px;
}

.adit-markdown-content::-webkit-scrollbar-thumb:hover,
.adit-code-block::-webkit-scrollbar-thumb:hover {
  background: #6b7280;
}
/* ============================================================
   ADIT Estudios - Estilos específicos para vistas de Estudios
   Formularios, modales y tablas de estudios
   ============================================================ */
									@keyframes pulse {
										0%, 100% {
											opacity: 0.3;
											transform: translate(-50%, -50%) scale(1);
										}
										50% {
											opacity: 0.6;
											transform: translate(-50%, -50%) scale(1.08);
										}
									}

		/* Estilos para la tabla de referencias */
		.call-records-container {
			background-color: #f8f9fa;
			padding: 10px;
			border-radius: 5px;
			margin-top: 5px;
		}

		.call-records-container table {
			margin-bottom: 0;
			background-color: white;
		}

		.call-records-container thead th {
			background-color: #e8f5e9;
			font-size: 12px;
			padding: 5px;
			border: 1px solid #c8e6c9;
		}

		.call-records-container tbody td {
			font-size: 12px;
			padding: 5px;
			vertical-align: middle;
		}

		/* Estilos para modales */
		.adit-modal-content {
			border-radius: 12px;
			box-shadow: 0 5px 25px rgba(0, 0, 0, 0.2);
		}

		.adit-modal-header {
			background: linear-gradient(135deg, #ea6666ff 0%, #a24b4bff 100%);
			color: white;
			border-radius: 12px 12px 0 0;
			padding: 20px 25px;
		}

		.adit-modal-header .modal-title {
			font-weight: 600;
			font-size: 1.25rem;
		}

		.adit-modal-header .close {
			color: white;
			opacity: 0.8;
			text-shadow: none;
			font-size: 2rem;
			font-weight: 300;
		}

		.adit-modal-header .close:hover {
			opacity: 1;
		}

		.adit-form-label {
			font-weight: 600;
			color: #2c3e50;
			margin-bottom: 8px;
			font-size: 0.95rem;
		}

		.adit-form-label i {
			color: #ea6666ff;
			margin-right: 5px;
		}

		.adit-form-input {
			border: 2px solid #e0e0e0;
			border-radius: 8px;
			padding: 10px 15px;
			transition: all 0.3s ease;
			font-size: 0.95rem;
		}

		.adit-form-input:focus {
			border-color: #ea6666ff;
			box-shadow: 0 0 0 0.2rem rgba(102, 126, 234, 0.25);
		}

		/* Botones mejorados */
		.btn-sm {
			padding: 4px 8px;
			font-size: 12px;
			border-radius: 4px;
			transition: all 0.2s ease;
		}

		.btn-sm:hover {
			transform: translateY(-1px);
			box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
		}

		.btn-danger {
			background: linear-gradient(135deg, #ff6b6b 0%, #ff3b30 100%);
			border: none;
			color: #ffffff;
		}

		.btn-primary {
			background: linear-gradient(135deg, #4f93ff 0%, #1e63d6 100%);
			border: none;
			color: #ffffff;
		}

		.btn-success {
			background: linear-gradient(135deg, #7be495 0%, #2bb673 100%);
			border: none;
			color: #ffffff;
		}

		.btn-info {
			background: linear-gradient(135deg, #5dd9e8 0%, #17a2b8 100%);
			border: none;
			color: #ffffff;
		}

		/* Animación de loading */
		@keyframes spin {
			0% { transform: rotate(0deg); }
			100% { transform: rotate(360deg); }
		}

		.fa-spin {
			animation: spin 1s linear infinite;
		}

		/* Mejorar el reproductor de audio */
		audio {
			filter: sepia(20%) saturate(70%) hue-rotate(330deg);
		}

		/* Responsive */
		@media (max-width: 768px) {
			.call-records-container {
				overflow-x: auto;
			}
			
			.adit-table-badge {
				font-size: 0.8rem;
			}
		}

/* ============================================
   USUARIOS - Estilos de formularios de usuario
   ============================================ */
/* Estilos específicos para el formulario de usuarios */
.adit-assignment-card {
  background: white;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
  padding: 30px;
  margin-bottom: 20px;
}

.adit-form-section {
  margin-bottom: 30px;
  padding-bottom: 25px;
  border-bottom: 1px solid #e9ecef;
}

.adit-form-section:last-of-type {
  border-bottom: none;
  margin-bottom: 0;
}

.adit-section-title {
  font-size: 1.15rem;
  font-weight: 700;
  color: #2c3e50;
  margin-bottom: 1.25rem;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding-bottom: 0.75rem;
  border-bottom: 2px solid #3351A6;
  position: relative;
}

.adit-section-title::before {
  content: '';
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 60px;
  height: 2px;
  background: linear-gradient(90deg, #3351A6, #C62828);
  border-radius: 2px;
}

.adit-section-title i {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  background: linear-gradient(135deg, #3351A6 0%, #3351A6 100%);
  color: #fff;
  border-radius: 8px;
  font-size: 1rem;
  box-shadow: 0 2px 8px rgba(139, 21, 56, 0.25);
  flex-shrink: 0;
}

.adit-form-group {
  margin-bottom: 20px;
}

.adit-form-label {
  display: block;
  font-weight: 600;
  color: #2c3e50;
  margin-bottom: 8px;
  font-size: 0.9rem;
}

.adit-input-container {
  position: relative;
}

.adit-input-icon {
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  color: #7f8c8d;
  font-size: 1rem;
  z-index: 1;
}

.adit-form-input,
.adit-form-select {
  width: 100%;
  padding: 10px 12px 10px 40px;
  border: 2px solid #e9ecef;
  border-radius: 6px;
  font-size: 0.95rem;
  transition: all 0.3s ease;
  background: white;
}

.adit-form-input:focus,
.adit-form-select:focus {
  outline: none;
  border-color: #3498db;
  box-shadow: 0 0 0 3px rgba(52, 152, 219, 0.1);
}

.adit-form-input.is-valid {
  border-color: #27ae60;
}

.adit-form-input.is-invalid {
  border-color: #e74c3c;
}

.adit-form-hint {
  display: block;
  margin-top: 6px;
  color: #7f8c8d;
  font-size: 0.85rem;
}

.adit-form-hint i {
  margin-right: 4px;
}

.adit-form-actions {
  margin-top: 30px;
  padding-top: 25px;
  border-top: 2px solid #e9ecef;
}

.adit-action-group {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}

.adit-btn-primary {
  padding: 12px 30px;
  font-weight: 600;
  border-radius: 6px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: all 0.3s ease;
}

.adit-btn-primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(52, 152, 219, 0.3);
}

.adit-btn-secondary {
  padding: 12px 24px;
  font-weight: 600;
  border-radius: 6px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.validation-message {
  color: #e74c3c;
  font-size: 0.85rem;
  margin-top: 5px;
  display: none;
}

.is-invalid ~ .validation-message {
  display: block;
}

/* ============================================
   STUDY ACTIONS - Botones de acciones en vista de estudio
   ============================================ */
.adit-study-actions {
  margin-top: 20px;
  padding-top: 16px;
  border-top: 1px solid #e2e8f0;
}

.adit-study-actions-row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}

.adit-study-btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 10px 18px !important;
  border-radius: 6px !important;
  font-size: 0.875rem !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
  border: none !important;
  cursor: pointer !important;
  white-space: nowrap !important;
  width: auto !important;
  height: auto !important;
  justify-content: flex-start !important;
}

.adit-study-btn i {
  font-size: 1rem !important;
}

.adit-study-btn span {
  display: inline !important;
}

/* Botón Primary - Ver Candidato */
.adit-study-btn-primary {
  background-color: #667eea !important;
  color: white !important;
}

.adit-study-btn-primary:hover {
  background-color: #5a67d8 !important;
  color: white !important;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(102, 126, 234, 0.4);
}

/* Botón Success - Descargar Estudio Final */
.adit-study-btn-success {
  background-color: #48bb78 !important;
  color: white !important;
}

.adit-study-btn-success:hover {
  background-color: #38a169 !important;
  color: white !important;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(72, 187, 120, 0.4);
}

/* Botón Warning - CV */
.adit-study-btn-warning {
  background-color: #ed8936 !important;
  color: white !important;
}

.adit-study-btn-warning:hover {
  background-color: #dd6b20 !important;
  color: white !important;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(237, 137, 54, 0.4);
}

/* Botón Info - Contactar/Email */
.adit-study-btn-info {
  background-color: #4299e1 !important;
  color: white !important;
}

.adit-study-btn-info:hover {
  background-color: #3182ce !important;
  color: white !important;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(66, 153, 225, 0.4);
}

/* Botón Secondary - Reasignar */
.adit-study-btn-secondary {
  background-color: #718096 !important;
  color: white !important;
}

.adit-study-btn-secondary:hover {
  background-color: #4a5568 !important;
  color: white !important;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(113, 128, 150, 0.4);
}

/* Botón Deshabilitado */
.adit-study-btn-disabled {
  background-color: #e2e8f0 !important;
  color: #718096 !important;
  cursor: not-allowed !important;
}

.adit-study-btn-disabled:hover {
  transform: none !important;
  box-shadow: none !important;
}

/* Responsive */
@media (max-width: 576px) {
  .adit-study-actions-row {
    flex-direction: column;
    align-items: stretch;
  }
  
  .adit-study-btn {
    justify-content: center !important;
    width: 100% !important;
  }
}

/* ============================================
   WORKFLOW PANEL - Panel de acciones de flujo de trabajo
   ============================================ */
.adit-workflow-panel {
  background: #ffffff;
  border: 1px solid rgba(107, 15, 42, 0.12);
  border-radius: 16px;
  margin-bottom: 24px;
  overflow: hidden;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
}

.adit-workflow-header {
  background: linear-gradient(135deg, #2F2D38 0%, #3351A6 50%, #3351A6 100%);
  padding: 16px 24px;
  position: relative;
  overflow: hidden;
}

.adit-workflow-header::after {
  content: '';
  position: absolute;
  top: -50%;
  right: -20px;
  width: 120px;
  height: 200%;
  background: rgba(255, 255, 255, 0.04);
  transform: rotate(15deg);
  pointer-events: none;
}

.adit-workflow-title {
  color: white;
  font-size: 1.05rem;
  font-weight: 600;
  margin: 0;
  display: flex;
  align-items: center;
  gap: 10px;
  position: relative;
  z-index: 1;
}

.adit-workflow-title i {
  font-size: 1.1rem;
  opacity: 0.9;
}

.adit-workflow-content {
  padding: 8px 16px 16px;
}

.adit-workflow-group {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 12px;
  padding: 16px;
  margin: 8px 0;
  border-radius: 12px;
  background: linear-gradient(135deg, #fafbfc 0%, #f4f6f8 100%);
  border: 1px solid rgba(0, 0, 0, 0.04);
  transition: all 0.2s ease;
}

.adit-workflow-group:hover {
  background: linear-gradient(135deg, #f5f7fa 0%, #eef1f5 100%);
  border-color: rgba(107, 15, 42, 0.08);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}

.adit-workflow-group:last-child {
  border-bottom: none;
  padding-bottom: 16px;
}

.adit-workflow-group:first-child {
  padding-top: 16px;
}

.adit-workflow-group-label {
  font-weight: 700;
  color: #2F2D38;
  font-size: 0.8rem;
  min-width: 130px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  padding-top: 6px;
  display: flex;
  align-items: center;
  gap: 6px;
}

.adit-workflow-group-label::before {
  content: '';
  display: inline-block;
  width: 3px;
  height: 18px;
  border-radius: 3px;
  background: linear-gradient(180deg, #3351A6, #3351A6);
  flex-shrink: 0;
}

.adit-workflow-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  flex: 1;
}

.adit-workflow-btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  padding: 9px 16px !important;
  border-radius: 8px !important;
  font-size: 0.8rem !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
  border: none !important;
  cursor: pointer !important;
  white-space: nowrap !important;
  letter-spacing: 0.2px !important;
  position: relative !important;
  overflow: hidden !important;
}

.adit-workflow-btn::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(180deg, rgba(255,255,255,0.15) 0%, rgba(255,255,255,0) 100%);
  pointer-events: none;
  border-radius: inherit;
}

.adit-workflow-btn i {
  font-size: 0.85rem !important;
  opacity: 0.9;
}

.adit-workflow-btn:active {
  transform: translateY(0px) scale(0.98) !important;
}

/* Variantes de colores para workflow */
.adit-wf-primary {
  background: linear-gradient(135deg, #667eea 0%, #5a67d8 100%) !important;
  color: white !important;
  box-shadow: 0 2px 6px rgba(102, 126, 234, 0.25);
}

.adit-wf-primary:hover {
  background: linear-gradient(135deg, #5a67d8 0%, #4c51bf 100%) !important;
  transform: translateY(-2px);
  box-shadow: 0 4px 14px rgba(102, 126, 234, 0.35);
  color: white !important;
}

.adit-wf-success {
  background: linear-gradient(135deg, #48bb78 0%, #38a169 100%) !important;
  color: white !important;
  box-shadow: 0 2px 6px rgba(72, 187, 120, 0.25);
}

.adit-wf-success:hover {
  background: linear-gradient(135deg, #38a169 0%, #2f855a 100%) !important;
  transform: translateY(-2px);
  box-shadow: 0 4px 14px rgba(72, 187, 120, 0.35);
  color: white !important;
}

.adit-wf-warning {
  background: linear-gradient(135deg, #ed8936 0%, #dd6b20 100%) !important;
  color: white !important;
  box-shadow: 0 2px 6px rgba(237, 137, 54, 0.25);
}

.adit-wf-warning:hover {
  background: linear-gradient(135deg, #dd6b20 0%, #c05621 100%) !important;
  transform: translateY(-2px);
  box-shadow: 0 4px 14px rgba(237, 137, 54, 0.35);
  color: white !important;
}

.adit-wf-danger {
  background: linear-gradient(135deg, #e53e3e 0%, #c53030 100%) !important;
  color: white !important;
  box-shadow: 0 2px 6px rgba(229, 62, 62, 0.25);
}

.adit-wf-danger:hover {
  background: linear-gradient(135deg, #c53030 0%, #9b2c2c 100%) !important;
  transform: translateY(-2px);
  box-shadow: 0 4px 14px rgba(229, 62, 62, 0.35);
  color: white !important;
}

.adit-wf-info {
  background: linear-gradient(135deg, #4299e1 0%, #3182ce 100%) !important;
  color: white !important;
  box-shadow: 0 2px 6px rgba(66, 153, 225, 0.25);
}

.adit-wf-info:hover {
  background: linear-gradient(135deg, #3182ce 0%, #2b6cb0 100%) !important;
  transform: translateY(-2px);
  box-shadow: 0 4px 14px rgba(66, 153, 225, 0.35);
  color: white !important;
}

.adit-wf-secondary {
  background: linear-gradient(135deg, #718096 0%, #4a5568 100%) !important;
  color: white !important;
  box-shadow: 0 2px 6px rgba(113, 128, 150, 0.25);
}

.adit-wf-secondary:hover {
  background: linear-gradient(135deg, #4a5568 0%, #2d3748 100%) !important;
  transform: translateY(-2px);
  box-shadow: 0 4px 14px rgba(113, 128, 150, 0.35);
  color: white !important;
}

/* Formulario de fecha especial */
.adit-fecha-especial-form {
  background: linear-gradient(135deg, #f0f4ff 0%, #e8edf5 100%);
  border: 1px solid rgba(66, 153, 225, 0.2);
  border-radius: 10px;
  padding: 16px 20px;
  margin: 8px 0 0;
  animation: slideDown 0.25s ease-out;
}

@keyframes slideDown {
  from { opacity: 0; transform: translateY(-8px); }
  to   { opacity: 1; transform: translateY(0); }
}

.adit-inline-form {
  display: flex;
  align-items: center;
  gap: 12px;
}

.adit-form-inline-group {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
}

.adit-form-inline-group label {
  font-weight: 600;
  color: #2d3748;
  font-size: 0.85rem;
}

.adit-date-input-wrapper {
  position: relative;
  display: inline-flex;
  align-items: center;
}

.adit-date-input-wrapper i {
  position: absolute;
  left: 12px;
  color: #718096;
  font-size: 0.9rem;
}

.adit-date-input-wrapper .adit-form-input {
  padding-left: 36px !important;
  width: 150px !important;
}

/* Responsive workflow */
@media (max-width: 768px) {
  .adit-workflow-group {
    flex-direction: column;
    align-items: stretch;
  }
  .adit-workflow-group-label {
    min-width: auto;
    padding-top: 0;
  }
  .adit-workflow-buttons {
    flex-direction: column;
  }
  .adit-workflow-btn {
    justify-content: center !important;
  }
  .adit-workflow-content {
    padding: 6px 10px 10px;
  }
}

/* Responsive para workflow */
@media (max-width: 768px) {
  .adit-workflow-group {
    flex-direction: column;
    align-items: flex-start;
  }
  
  .adit-workflow-group-label {
    min-width: auto;
    margin-bottom: 8px;
  }
  
  .adit-workflow-buttons {
    width: 100%;
  }
  
  .adit-form-inline-group {
    flex-direction: column;
    align-items: stretch;
  }
  
  .adit-date-input-wrapper .adit-form-input {
    width: 100% !important;
  }
}

/* ============================================
   INFO GRID - Grid de información en formularios
   ============================================ */
.adit-info-grid {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.adit-info-grid .adit-info-item {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  padding: 12px 0;
  border-bottom: 1px solid #e2e8f0;
}

.adit-info-grid .adit-info-item:last-child {
  border-bottom: none;
}

.adit-info-grid .adit-info-label {
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 500;
  color: #4a5568;
  min-width: 160px;
}

.adit-info-grid .adit-info-label i {
  color: #667eea;
  width: 16px;
  text-align: center;
}

.adit-info-grid .adit-info-value {
  font-weight: 600;
  color: #2d3748;
}

.adit-info-grid .adit-info-value.adit-highlight {
  color: #667eea;
  font-size: 1.1rem;
}
/* ============================================================
   ADIT Validations - Estilos para páginas de validación IMSS
   Semanas cotizadas, resultados y formularios
   ============================================================ */
.history-panel {
	box-shadow: 0 4px 8px rgba(132, 5, 55, 0.15);
	border-radius: 6px;
	border-color: #840537;
}

.history-table tbody tr:hover {
	background-color: rgba(132, 5, 55, 0.05) !important;
	transition: background-color 0.2s ease;
}

.clickable-message {
	cursor: pointer;
	border-bottom: 1px dotted #840537;
	transition: all 0.2s ease;
	color: #840537;
}

.clickable-message:hover {
	opacity: 0.8;
	text-decoration: underline;
	color: #FF0A6C;
}

.stats-label {
	margin-right: 8px;
	font-size: 11px;
	padding: 4px 8px;
}

.empty-state {
	color: #6c6c6c;
	padding: 60px 20px;
}

.empty-state i {
	opacity: 0.5;
	margin-bottom: 20px;
	color: #840537;
}

/* Estilos para documentos PDF */
.document-card {
	transition: all 0.3s ease;
	border-radius: 6px;
}

.document-card:hover {
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(132, 5, 55, 0.2);
}

.pdf-icon {
	font-size: 18px;
	margin-right: 8px;
	color: #840537;
}

.download-btn {
	transition: all 0.2s ease;
	background-color: #840537;
	border-color: #840537;
}

.download-btn:hover {
	transform: scale(1.05);
	box-shadow: 0 2px 8px rgba(132, 5, 55, 0.3);
	background-color: #FF0A6C;
	border-color: #FF0A6C;
}

.document-info {
	border-left: 4px solid #840537;
	background: linear-gradient(135deg, #fdf8f9 0%, #f5f1f2 100%);
}

.document-metadata {
	color: #666;
	font-size: 12px;
}

.document-metadata code {
	background-color: rgba(132, 5, 55, 0.1);
	color: #840537;
	padding: 2px 6px;
	border-radius: 3px;
	font-size: 11px;
}

/* Estilos adicionales para mantener consistencia */
.panel-adn,
body .panel-adn {
	background-color: #fff !important;
	border: 1px solid #840537 !important;
	border-radius: 4px !important;
	box-shadow: 0 4px 8px rgba(132, 5, 55, 0.15) !important;
	margin-bottom: 20px !important;
}

.panel-adn > .panel-heading,
body .panel-adn > .panel-heading {
	background-color: #840537 !important;
	background-image: none !important;
	border-bottom: 1px solid #840537 !important;
	border-top-left-radius: 3px !important;
	border-top-right-radius: 3px !important;
	color: white !important;
	padding: 10px 15px !important;
}

.panel-adn > .panel-body,
body .panel-adn > .panel-body {
	padding: 15px !important;
}

.alert-adn,
body .alert-adn {
	background-color: rgba(132, 5, 55, 0.1) !important;
	background-image: none !important;
	border: 1px solid #840537 !important;
	border-radius: 4px !important;
	color: #840537 !important;
	padding: 15px !important;
	margin-bottom: 20px !important;
}

.btn-adn,
body .btn-adn,
a.btn-adn {
	background-color: #FF0A6C !important;
	background-image: none !important;
	border: 1px solid #FF0A6C !important;
	color: white !important;
	border-radius: 4px !important;
	padding: 6px 12px !important;
	text-decoration: none !important;
	display: inline-block !important;
}

.btn-adn:hover, 
.btn-adn:focus, 
.btn-adn:active,
body .btn-adn:hover, 
body .btn-adn:focus, 
body .btn-adn:active,
a.btn-adn:hover,
a.btn-adn:focus {
	background-color: #840537 !important;
	background-image: none !important;
	border-color: #840537 !important;
	color: white !important;
	text-decoration: none !important;
}

.btn-adn.btn-sm,
body .btn-adn.btn-sm {
	padding: 5px 10px !important;
	font-size: 12px !important;
	line-height: 1.5 !important;
	border-radius: 3px !important;
}

.panel-info,
body .panel-info {
	border-color: #840537 !important;
}

.panel-info .panel-heading,
body .panel-info .panel-heading {
	background-color: #840537 !important;
	background-image: none !important;
	border-color: #840537 !important;
	color: white !important;
}

.panel-success .panel-heading,
body .panel-success .panel-heading {
	background-color: #840537 !important;
	border-color: #840537 !important;
	color: white !important;
}

.label-primary,
body .label-primary {
	background-color: #840537 !important;
}

.label-info,
body .label-info {
	background-color: #6c6c6c !important;
}

.btn-info,
body .btn-info {
	background-color: #FF0A6C !important;
	background-image: none !important;
	border-color: #FF0A6C !important;
}

.btn-info:hover,
body .btn-info:hover {
	background-color: #840537 !important;
	background-image: none !important;
	border-color: #840537 !important;
}

/* Estilos para el botón de procesamiento */
#submit-btn[disabled] {
	opacity: 0.8 !important;
	cursor: not-allowed !important;
	background-color: #6c6c6c !important;
	border-color: #6c6c6c !important;
}

#submit-btn .fa-spinner {
	animation: spin 1s linear infinite;
	margin-right: 8px;
}

@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

/* Mensaje de procesamiento simple */
.processing-status {
	display: none;
	margin-top: 15px;
	padding: 15px;
	background-color: #fff3cd;
	border: 2px solid #ffc107;
	border-radius: 8px;
	color: #856404;
	font-weight: bold;
	text-align: center;
	animation: pulse 2s ease-in-out infinite;
}

.processing-status.active {
	display: block;
}

.processing-status .fa-spinner {
	margin-right: 10px;
	color: #FF0A6C;
}

@keyframes pulse {
	0%, 100% {
		opacity: 1;
	}
	50% {
		opacity: 0.7;
	}
}

/* Formulario de reintentar - inline y sin márgenes */
.retry-form {
	display: inline-block;
	margin: 0;
	padding: 0;
}

/* Botón de reintentar */
.retry-btn {
	white-space: nowrap;
	min-width: 110px;
}

/* Botón de reintentar en estado de procesamiento */
.retry-btn[disabled] {
	opacity: 0.8 !important;
	cursor: wait !important;
	background-color: #ec971f !important;
	border-color: #d58512 !important;
}

.retry-btn[disabled] i.fa-spinner {
	animation: spin 1s linear infinite;
	margin-right: 5px;
}
/* ============================================
   DRIVE MODULE - Explorador de Archivos
   ============================================ */

/* Container principal */
.drive-container {
  padding: 20px 25px;
  max-width: 1400px;
  margin: 0 auto;
  position: relative;
}

/* Header */
.drive-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
  flex-wrap: wrap;
  gap: 15px;
}

.drive-header-left {
  display: flex;
  align-items: center;
  gap: 10px;
}

.drive-title {
  font-size: 1.5rem;
  font-weight: 700;
  color: #1e293b;
  margin: 0;
  display: flex;
  align-items: center;
  gap: 10px;
}

.drive-title i {
  color: #6366f1;
}

.drive-customer-badge {
  background: linear-gradient(135deg, #6366f1, #8b5cf6);
  color: #fff;
  padding: 4px 14px;
  border-radius: 20px;
  font-size: 0.85rem;
  font-weight: 500;
}

/* Selector de cliente */
.drive-customer-selector {
  display: flex;
  align-items: center;
  gap: 10px;
}

.drive-selector-label {
  font-weight: 600;
  color: #475569;
  white-space: nowrap;
  font-size: 0.9rem;
}

.drive-selector-label i {
  color: #6366f1;
}

.drive-select {
  min-width: 280px;
  padding: 8px 14px;
  border: 2px solid #e2e8f0;
  border-radius: 10px;
  font-size: 0.9rem;
  background: #fff;
  color: #334155;
  transition: all 0.2s;
  outline: none;
}

.drive-select:focus {
  border-color: #6366f1;
  box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.15);
}

/* Customer Autocomplete */
.drive-customer-autocomplete {
  position: relative;
  flex: 1;
  min-width: 300px;
}
.drive-customer-autocomplete .drive-select {
  width: 100%;
  padding-right: 36px;
}
.drive-customer-clear {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  background: none;
  border: none;
  color: #94a3b8;
  cursor: pointer;
  font-size: 0.85rem;
  padding: 4px;
  line-height: 1;
}
.drive-customer-clear:hover {
  color: #ef4444;
}
.drive-customer-dropdown {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  max-height: 280px;
  overflow-y: auto;
  background: #fff;
  border: 2px solid #e2e8f0;
  border-top: none;
  border-radius: 0 0 10px 10px;
  box-shadow: 0 8px 24px rgba(0,0,0,0.12);
  z-index: 1000;
}
.drive-customer-option {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 14px;
  cursor: pointer;
  transition: background 0.15s;
  gap: 12px;
}
.drive-customer-option:hover {
  background: #f1f5f9;
}
.drive-customer-option-name {
  font-size: 0.88rem;
  color: #334155;
  font-weight: 500;
}
.drive-customer-option-id {
  font-size: 0.78rem;
  color: #94a3b8;
  white-space: nowrap;
}
.drive-customer-no-results {
  padding: 14px;
  text-align: center;
  color: #94a3b8;
  font-size: 0.88rem;
}

/* Toolbar */
.drive-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  padding: 10px 16px;
  margin-bottom: 16px;
  flex-wrap: wrap;
  gap: 10px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}

.drive-toolbar-actions {
  display: flex;
  align-items: center;
  gap: 8px;
}

/* Botones */
.drive-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 16px;
  border: none;
  border-radius: 8px;
  font-size: 0.85rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s;
  white-space: nowrap;
}

.drive-btn-primary {
  background: #6366f1;
  color: #fff;
}

.drive-btn-primary:hover {
  background: #4f46e5;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(99, 102, 241, 0.3);
}

.drive-btn-success {
  background: #10b981;
  color: #fff;
}

.drive-btn-success:hover {
  background: #059669;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(16, 185, 129, 0.3);
}

.drive-btn-outline {
  background: #f1f5f9;
  color: #475569;
  border: 1px solid #e2e8f0;
}

.drive-btn-outline:hover {
  background: #e2e8f0;
}

/* Breadcrumb */
.drive-breadcrumb {
  display: flex;
  align-items: center;
  gap: 4px;
  flex-wrap: wrap;
  min-height: 32px;
}

.drive-breadcrumb-item {
  color: #6366f1;
  text-decoration: none;
  font-size: 0.9rem;
  font-weight: 500;
  padding: 2px 6px;
  border-radius: 4px;
  transition: background 0.2s;
}

.drive-breadcrumb-item:hover {
  background: rgba(99, 102, 241, 0.1);
  color: #4f46e5;
  text-decoration: none;
}

.drive-breadcrumb-current {
  color: #1e293b;
  font-weight: 700;
}

.drive-breadcrumb-sep {
  color: #cbd5e1;
  font-size: 0.7rem;
}

/* Dropzone */
.drive-dropzone {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  background: rgba(99, 102, 241, 0.15);
  backdrop-filter: blur(4px);
  display: flex;
  align-items: center;
  justify-content: center;
}

.drive-dropzone-content {
  background: #fff;
  border: 3px dashed #6366f1;
  border-radius: 20px;
  padding: 60px 80px;
  text-align: center;
}

.drive-dropzone-icon {
  font-size: 4rem;
  color: #6366f1;
  margin-bottom: 15px;
}

.drive-dropzone-content p {
  font-size: 1.2rem;
  color: #475569;
  font-weight: 500;
  margin: 0;
}

/* Upload Progress */
.drive-upload-progress {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 16px;
  background: #f0f9ff;
  border: 1px solid #bae6fd;
  border-radius: 10px;
  margin-bottom: 12px;
}

.drive-progress-bar {
  flex: 1;
  height: 8px;
  background: #e2e8f0;
  border-radius: 10px;
  overflow: hidden;
}

.drive-progress-fill {
  height: 100%;
  background: linear-gradient(90deg, #6366f1, #8b5cf6);
  border-radius: 10px;
  transition: width 0.3s;
}

.drive-progress-text {
  font-size: 0.85rem;
  color: #475569;
  font-weight: 500;
  white-space: nowrap;
}

/* Content */
.drive-content {
  min-height: 300px;
}

.drive-loading {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 60px;
  color: #94a3b8;
}

.drive-loading p {
  margin-top: 12px;
  font-size: 0.95rem;
}

/* Items Grid */
.drive-view-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 12px;
}

.drive-view-list {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

/* Item Card */
.drive-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 16px;
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  cursor: default;
  transition: all 0.2s;
  position: relative;
}

.drive-item:hover {
  border-color: #c7d2fe;
  background: #fafafe;
  box-shadow: 0 2px 8px rgba(99, 102, 241, 0.08);
}

.drive-item-folder {
  cursor: pointer;
}

.drive-item-folder:hover {
  border-color: #a5b4fc;
}

/* Item icon */
.drive-item-icon {
  font-size: 1.8rem;
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.drive-item-folder .drive-item-icon {
  color: #f59e0b;
}

.drive-file-icon {
  color: #6366f1;
}

/* Item info */
.drive-item-info {
  flex: 1;
  min-width: 0;
}

.drive-item-name {
  font-weight: 600;
  font-size: 0.9rem;
  color: #1e293b;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.drive-item-meta {
  font-size: 0.78rem;
  color: #94a3b8;
  margin-top: 2px;
}

/* Item actions */
.drive-item-actions {
  display: flex;
  align-items: center;
  gap: 4px;
  opacity: 0;
  transition: opacity 0.2s;
}

.drive-item:hover .drive-item-actions {
  opacity: 1;
}

.drive-action-btn {
  width: 32px;
  height: 32px;
  border: none;
  background: #f1f5f9;
  color: #64748b;
  border-radius: 6px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.82rem;
  transition: all 0.2s;
  text-decoration: none;
}

.drive-action-btn:hover {
  background: #e2e8f0;
  color: #334155;
}

.drive-action-danger:hover {
  background: #fee2e2;
  color: #dc2626;
}

/* Grid view adjustments */
.drive-view-grid .drive-item {
  flex-direction: column;
  text-align: center;
  padding: 20px 14px;
}

.drive-view-grid .drive-item-icon {
  font-size: 2.5rem;
  width: 56px;
  height: 56px;
  margin-bottom: 4px;
}

.drive-view-grid .drive-item-info {
  width: 100%;
}

.drive-view-grid .drive-item-name {
  font-size: 0.85rem;
}

.drive-view-grid .drive-item-actions {
  position: absolute;
  top: 8px;
  right: 8px;
}

/* Empty state */
.drive-empty-state,
.drive-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 80px 20px;
  text-align: center;
  color: #94a3b8;
}

.drive-empty-icon {
  font-size: 4rem;
  margin-bottom: 16px;
  color: #cbd5e1;
}

.drive-empty-state h3,
.drive-empty h4 {
  color: #475569;
  margin-bottom: 8px;
}

.drive-empty-state p,
.drive-empty p {
  color: #94a3b8;
  font-size: 0.95rem;
  max-width: 400px;
}

/* ========== Dashboard Global ========== */
.drive-dashboard {
  padding: 8px 0;
}

.drive-dash-stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  margin-bottom: 28px;
}

.drive-dash-card {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 20px 24px;
  border-radius: 14px;
  background: #fff;
  border: 1px solid #e2e8f0;
  box-shadow: 0 1px 3px rgba(0,0,0,0.04);
  transition: transform 0.15s, box-shadow 0.15s;
}
.drive-dash-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}
.drive-dash-card-icon {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.3rem;
}
.drive-dash-card-files .drive-dash-card-icon {
  background: #ede9fe;
  color: #7c3aed;
}
.drive-dash-card-storage .drive-dash-card-icon {
  background: #dbeafe;
  color: #2563eb;
}
.drive-dash-card-customers .drive-dash-card-icon {
  background: #d1fae5;
  color: #059669;
}
.drive-dash-card-info {
  display: flex;
  flex-direction: column;
}
.drive-dash-card-value {
  font-size: 1.5rem;
  font-weight: 700;
  color: #1e293b;
  line-height: 1.2;
}
.drive-dash-card-label {
  font-size: 0.82rem;
  color: #94a3b8;
  font-weight: 500;
}

/* Sección con título */
.drive-dash-section {
  margin-bottom: 28px;
}
.drive-dash-section-title {
  font-size: 1rem;
  font-weight: 600;
  color: #334155;
  margin-bottom: 14px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.drive-dash-section-title i {
  color: #6366f1;
  font-size: 0.95rem;
}

/* Clientes grid */
.drive-dash-customers-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  gap: 12px;
}
.drive-dash-customer-card {
  display: block;
  padding: 16px 18px;
  border-radius: 12px;
  background: #fff;
  border: 1px solid #e2e8f0;
  text-decoration: none;
  transition: all 0.15s;
  cursor: pointer;
}
.drive-dash-customer-card:hover {
  border-color: #6366f1;
  background: #f8faff;
  box-shadow: 0 2px 8px rgba(99,102,241,0.12);
  transform: translateY(-1px);
  text-decoration: none;
}
.drive-dash-customer-name {
  font-size: 0.92rem;
  font-weight: 600;
  color: #1e293b;
  margin-bottom: 6px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.drive-dash-customer-meta {
  display: flex;
  gap: 14px;
  font-size: 0.78rem;
  color: #94a3b8;
}
.drive-dash-customer-meta i {
  margin-right: 3px;
}

/* Tabla de archivos recientes */
.drive-dash-recent-table-wrap {
  overflow-x: auto;
  border-radius: 12px;
  border: 1px solid #e2e8f0;
  background: #fff;
}
.drive-dash-recent-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.88rem;
}
.drive-dash-recent-table thead {
  background: #f8fafc;
}
.drive-dash-recent-table th {
  padding: 10px 14px;
  text-align: left;
  font-weight: 600;
  color: #64748b;
  font-size: 0.8rem;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  border-bottom: 1px solid #e2e8f0;
  white-space: nowrap;
}
.drive-dash-recent-table td {
  padding: 10px 14px;
  border-bottom: 1px solid #f1f5f9;
  color: #334155;
}
.drive-dash-recent-row {
  cursor: pointer;
  transition: background 0.12s;
}
.drive-dash-recent-row:hover {
  background: #f8fafc;
}
.drive-dash-recent-row:last-child td {
  border-bottom: none;
}
.drive-dash-file-icon {
  color: #6366f1;
  margin-right: 8px;
}
.drive-dash-file-name {
  font-weight: 500;
}
.drive-dash-badge {
  display: inline-block;
  padding: 2px 8px;
  border-radius: 6px;
  background: #f1f5f9;
  color: #475569;
  font-size: 0.75rem;
  font-weight: 600;
}
.drive-dash-uploader {
  color: #6366f1;
  font-weight: 500;
}
.drive-dash-uploader-unknown {
  color: #cbd5e1;
}

/* Toast notifications */
.drive-toast {
  position: fixed;
  top: 20px;
  right: 20px;
  padding: 12px 20px;
  border-radius: 10px;
  font-size: 0.9rem;
  font-weight: 500;
  z-index: 10000;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
  opacity: 0;
  transform: translateX(100px);
  transition: all 0.3s ease;
  max-width: 400px;
  display: flex;
  align-items: center;
  gap: 8px;
}

.drive-toast-show {
  opacity: 1;
  transform: translateX(0);
}

.drive-toast-success {
  background: #ecfdf5;
  color: #065f46;
  border: 1px solid #a7f3d0;
}

.drive-toast-danger {
  background: #fef2f2;
  color: #991b1b;
  border: 1px solid #fecaca;
}

.drive-toast-warning {
  background: #fffbeb;
  color: #92400e;
  border: 1px solid #fde68a;
}

.drive-toast-info {
  background: #eff6ff;
  color: #1e40af;
  border: 1px solid #bfdbfe;
}

/* ============================================
   PHASE 2 - Búsqueda, Preview, Detalle, etc.
   ============================================ */

/* Barra de búsqueda */
.drive-search-box {
  display: flex;
  align-items: center;
  position: relative;
  width: 220px;
  transition: width 0.3s;
}

.drive-search-box:focus-within {
  width: 300px;
}

.drive-search-icon {
  position: absolute;
  left: 10px;
  color: #94a3b8;
  font-size: 0.85rem;
  pointer-events: none;
}

.drive-search-input {
  width: 100%;
  padding: 7px 30px 7px 32px;
  border: 2px solid #e2e8f0;
  border-radius: 8px;
  font-size: 0.85rem;
  outline: none;
  color: #334155;
  background: #f8fafc;
  transition: all 0.2s;
}

.drive-search-input:focus {
  border-color: #6366f1;
  background: #fff;
  box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.12);
}

.drive-search-clear {
  position: absolute;
  right: 6px;
  border: none;
  background: none;
  color: #94a3b8;
  cursor: pointer;
  font-size: 0.8rem;
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transition: all 0.2s;
}

.drive-search-clear:hover {
  background: #e2e8f0;
  color: #475569;
}

/* Resultados de búsqueda */
.drive-search-results {
  margin-bottom: 16px;
}

.drive-search-results-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 12px;
  background: #f0f9ff;
  border: 1px solid #bae6fd;
  border-radius: 8px;
  margin-bottom: 12px;
  font-size: 0.88rem;
  color: #0369a1;
  font-weight: 500;
}

.drive-item-path {
  font-size: 0.72rem;
  color: #94a3b8;
  font-style: italic;
  display: inline-block;
  max-width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
}

/* Cuota de almacenamiento */
.drive-quota-bar {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 16px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  margin-bottom: 10px;
}
.drive-quota-info {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-shrink: 0;
}
.drive-quota-text {
  font-size: 0.82rem;
  color: #475569;
  white-space: nowrap;
}
.drive-quota-text i {
  color: #6366f1;
  margin-right: 4px;
}
.drive-quota-percent {
  font-size: 0.78rem;
  font-weight: 600;
  color: #64748b;
  white-space: nowrap;
}
.drive-quota-track {
  flex: 1;
  height: 8px;
  background: #e2e8f0;
  border-radius: 4px;
  overflow: hidden;
  min-width: 100px;
}
.drive-quota-fill {
  height: 100%;
  border-radius: 4px;
  background: #6366f1;
  transition: width 0.4s ease;
}
.drive-quota-fill.drive-quota-warning {
  background: #f59e0b;
}
.drive-quota-fill.drive-quota-danger {
  background: #ef4444;
}
.drive-quota-edit-btn {
  flex-shrink: 0;
  padding: 4px 8px !important;
  font-size: 0.78rem !important;
}

/* Selección múltiple */
.drive-selection-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: linear-gradient(135deg, #eef2ff, #e0e7ff);
  border: 1px solid #c7d2fe;
  border-radius: 10px;
  padding: 8px 16px;
  margin-bottom: 12px;
  animation: slideDown 0.2s ease;
}

@keyframes slideDown {
  from { opacity: 0; transform: translateY(-10px); }
  to { opacity: 1; transform: translateY(0); }
}

.drive-selection-info {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 0.88rem;
  font-weight: 600;
  color: #4338ca;
}

.drive-selection-actions {
  display: flex;
  align-items: center;
  gap: 6px;
}

.drive-btn-sm {
  padding: 5px 12px;
  font-size: 0.8rem;
}

.drive-btn-danger {
  background: #ef4444;
  color: #fff;
}

.drive-btn-danger:hover {
  background: #dc2626;
  box-shadow: 0 4px 12px rgba(239, 68, 68, 0.3);
}

.drive-item-selected {
  border-color: #818cf8 !important;
  background: #eef2ff !important;
  box-shadow: 0 0 0 2px rgba(99, 102, 241, 0.2) !important;
}

/* Checkbox en items */
.drive-item-checkbox {
  position: absolute;
  top: 6px;
  left: 6px;
  z-index: 2;
  opacity: 0;
  transition: opacity 0.2s;
}

.drive-item:hover .drive-item-checkbox,
.drive-item-selected .drive-item-checkbox {
  opacity: 1;
}

.drive-cb {
  width: 16px;
  height: 16px;
  cursor: pointer;
  accent-color: #6366f1;
}

/* Ajustes de checkbox en vista lista */
.drive-view-list .drive-item-checkbox {
  position: relative;
  top: auto;
  left: auto;
  opacity: 1;
}

/* Thumbnail de imagen */
.drive-thumb {
  overflow: hidden;
  border-radius: 8px;
  background: #f1f5f9;
}

.drive-thumb-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.drive-view-grid .drive-thumb {
  width: 100%;
  height: 80px;
  border-radius: 8px;
  margin-bottom: 4px;
}

.drive-view-grid .drive-thumb-img {
  border-radius: 8px;
}

.drive-view-list .drive-thumb {
  width: 44px;
  height: 44px;
}

/* Layout principal con panel lateral */
.drive-main-layout {
  display: flex;
  gap: 0;
  position: relative;
  min-height: 400px;
}

.drive-content {
  flex: 1;
  min-width: 0;
  min-height: 300px;
  transition: margin-right 0.3s;
}

/* ===== PANEL DE DETALLE ===== */
.drive-detail-panel {
  width: 320px;
  min-width: 320px;
  flex-direction: column;
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  margin-left: 16px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06);
  overflow: hidden;
  animation: slideInRight 0.25s ease;
}

@keyframes slideInRight {
  from { opacity: 0; transform: translateX(20px); }
  to { opacity: 1; transform: translateX(0); }
}

.drive-detail-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 16px;
  border-bottom: 1px solid #e2e8f0;
  background: #f8fafc;
}

.drive-detail-title {
  font-size: 0.92rem;
  font-weight: 700;
  color: #1e293b;
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 1;
  margin-right: 8px;
}

.drive-detail-close {
  border: none;
  background: none;
  color: #94a3b8;
  cursor: pointer;
  font-size: 1rem;
  padding: 4px;
  border-radius: 4px;
  transition: all 0.2s;
}

.drive-detail-close:hover {
  background: #f1f5f9;
  color: #475569;
}

.drive-detail-body {
  padding: 0;
  overflow-y: auto;
  max-height: calc(100vh - 300px);
}

.drive-detail-preview {
  width: 100%;
  min-height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f8fafc;
  border-bottom: 1px solid #e2e8f0;
}

.drive-detail-img {
  max-width: 100%;
  max-height: 200px;
  object-fit: contain;
  cursor: pointer;
  padding: 12px;
  transition: transform 0.2s;
}

.drive-detail-img:hover {
  transform: scale(1.02);
}

.drive-detail-pdf-icon {
  padding: 24px;
  text-align: center;
  cursor: pointer;
  transition: all 0.2s;
  color: #dc2626;
}

.drive-detail-pdf-icon:hover {
  background: #fef2f2;
}

.drive-detail-pdf-icon i {
  font-size: 3rem;
  display: block;
  margin-bottom: 6px;
}

.drive-detail-pdf-icon span {
  font-size: 0.78rem;
  color: #94a3b8;
}

.drive-detail-generic-icon {
  padding: 30px;
  text-align: center;
  color: #94a3b8;
}

.drive-detail-generic-icon i {
  font-size: 3rem;
}

.drive-detail-info {
  padding: 12px 16px;
}

.drive-detail-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.82rem;
}

.drive-detail-table td {
  padding: 6px 4px;
  vertical-align: top;
  border-bottom: 1px solid #f1f5f9;
}

.drive-detail-table td:first-child {
  color: #94a3b8;
  font-weight: 500;
  width: 100px;
  white-space: nowrap;
}

.drive-detail-table td:last-child {
  color: #334155;
  word-break: break-all;
}

.drive-detail-actions-bar {
  margin-top: 12px;
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
}

/* ===== MODAL DE VISTA PREVIA ===== */
.drive-preview-modal-content {
  background: #1e1e2e;
  border: none;
}

.drive-preview-modal-content .modal-header {
  border-bottom-color: rgba(255,255,255,0.1);
  color: #fff;
}

.drive-preview-modal-content .modal-title {
  color: #fff;
}

.drive-preview-actions {
  display: flex;
  align-items: center;
  gap: 8px;
}

.drive-preview-modal-body {
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 400px;
  max-height: 80vh;
  overflow: auto;
  background: #111827;
}

.drive-preview-img-container {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 16px;
}

.drive-preview-img {
  max-width: 100%;
  max-height: 75vh;
  object-fit: contain;
  border-radius: 4px;
}

.drive-preview-iframe {
  width: 100%;
  height: 80vh;
  border: none;
}

/* ===== MENÚ CONTEXTUAL ===== */
.drive-context-menu {
  position: fixed;
  z-index: 10001;
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
  min-width: 180px;
  padding: 6px 0;
  animation: ctxFadeIn 0.12s ease;
}

@keyframes ctxFadeIn {
  from { opacity: 0; transform: scale(0.95); }
  to { opacity: 1; transform: scale(1); }
}

.drive-ctx-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 16px;
  font-size: 0.85rem;
  color: #334155;
  cursor: pointer;
  transition: background 0.15s;
}

.drive-ctx-item:hover {
  background: #f1f5f9;
}

.drive-ctx-item i {
  width: 16px;
  text-align: center;
  color: #64748b;
  font-size: 0.82rem;
}

.drive-ctx-danger {
  color: #dc2626;
}

.drive-ctx-danger:hover {
  background: #fef2f2;
}

.drive-ctx-danger i {
  color: #dc2626;
}

.drive-ctx-divider {
  height: 1px;
  background: #e2e8f0;
  margin: 4px 0;
}

/* ===== MODAL MOVER ===== */
.drive-move-breadcrumb {
  display: flex;
  align-items: center;
  gap: 4px;
  flex-wrap: wrap;
  margin-bottom: 12px;
  padding: 8px 10px;
  background: #f8fafc;
  border-radius: 8px;
  font-size: 0.85rem;
}

.drive-move-folders {
  max-height: 250px;
  overflow-y: auto;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
}

.drive-move-folder-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 14px;
  font-size: 0.88rem;
  color: #334155;
  cursor: pointer;
  transition: background 0.15s;
  border-bottom: 1px solid #f1f5f9;
}

.drive-move-folder-item:last-child {
  border-bottom: none;
}

.drive-move-folder-item:hover {
  background: #f1f5f9;
}

.drive-move-folder-item.active {
  background: #eef2ff;
  color: #4338ca;
  font-weight: 600;
}

.drive-move-folder-item i {
  color: #f59e0b;
}

/* ===== DRAG & DROP entre items ===== */
.drive-dragging {
  opacity: 0.4;
  border-style: dashed !important;
}

.drive-drop-target {
  border-color: #10b981 !important;
  background: #ecfdf5 !important;
  box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.2) !important;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 768px) {
  .drive-container {
    padding: 12px;
  }

  .drive-header {
    flex-direction: column;
    align-items: flex-start;
  }

  .drive-customer-selector {
    width: 100%;
    flex-direction: column;
    align-items: stretch;
  }

  .drive-customer-autocomplete {
    min-width: 100%;
  }

  .drive-select {
    min-width: 100%;
  }

  .drive-dash-stats {
    grid-template-columns: 1fr;
  }

  .drive-dash-customers-grid {
    grid-template-columns: 1fr 1fr;
  }

  .drive-dash-recent-table th:nth-child(5),
  .drive-dash-recent-table td:nth-child(5) {
    display: none;
  }

  .drive-toolbar {
    flex-direction: column;
    gap: 8px;
  }

  .drive-toolbar-actions {
    flex-wrap: wrap;
    width: 100%;
    justify-content: flex-end;
  }

  .drive-btn-text {
    display: none;
  }

  .drive-view-grid {
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  }

  .drive-search-box {
    width: 100%;
  }

  .drive-search-box:focus-within {
    width: 100%;
  }

  .drive-selection-bar {
    flex-direction: column;
    gap: 8px;
  }

  .drive-item-actions {
    opacity: 1;
  }

  .drive-toast {
    left: 15px;
    right: 15px;
    max-width: none;
  }

  .drive-detail-panel {
    position: fixed;
    right: 0;
    top: 0;
    bottom: 0;
    margin: 0;
    border-radius: 0;
    z-index: 1000;
    width: 100%;
    min-width: auto;
    max-width: 360px;
    box-shadow: -4px 0 20px rgba(0, 0, 0, 0.15);
  }

  .drive-detail-body {
    max-height: calc(100vh - 60px);
  }
}

@media (max-width: 480px) {
  .drive-view-grid {
    grid-template-columns: 1fr 1fr;
    gap: 8px;
  }

  .drive-view-grid .drive-item {
    padding: 14px 10px;
  }
}

/* ============================================
   PHASE 3 - Actividad, Almacenamiento, Orden
   ============================================ */

/* Selector de ordenamiento */
.drive-sort-control {
  display: inline-flex;
  align-items: center;
}

.drive-sort-select {
  padding: 6px 10px;
  border: 2px solid #e2e8f0;
  border-radius: 8px;
  font-size: 0.8rem;
  background: #f8fafc;
  color: #475569;
  outline: none;
  cursor: pointer;
  transition: all 0.2s;
}

.drive-sort-select:focus {
  border-color: #6366f1;
  background: #fff;
}

/* Barra de almacenamiento */
.drive-storage-bar {
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  margin-bottom: 12px;
  overflow: hidden;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
  animation: slideDown 0.2s ease;
}

.drive-storage-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 16px;
  border-bottom: 1px solid #e2e8f0;
  background: #f8fafc;
}

.drive-storage-title {
  font-size: 0.88rem;
  font-weight: 700;
  color: #1e293b;
}

.drive-storage-title i {
  color: #6366f1;
  margin-right: 6px;
}

.drive-storage-body {
  padding: 16px;
}

.drive-storage-stats {
  font-size: 0.85rem;
}

.drive-storage-total {
  text-align: center;
  margin-bottom: 16px;
  padding-bottom: 12px;
  border-bottom: 1px solid #f1f5f9;
}

.drive-storage-big {
  display: block;
  font-size: 1.8rem;
  font-weight: 800;
  color: #6366f1;
  line-height: 1.2;
}

.drive-storage-sub {
  display: block;
  font-size: 0.82rem;
  color: #94a3b8;
  margin-top: 2px;
}

.drive-storage-stat-row {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 6px 0;
  font-size: 0.84rem;
  color: #475569;
}

.drive-storage-section-title {
  font-size: 0.78rem;
  font-weight: 700;
  color: #94a3b8;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-top: 14px;
  margin-bottom: 8px;
}

.drive-storage-type-row {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 4px 0;
  font-size: 0.82rem;
}

.drive-storage-type-ext {
  width: 50px;
  font-weight: 600;
  color: #475569;
  font-size: 0.72rem;
}

.drive-storage-type-bar {
  flex: 1;
  height: 6px;
  background: #e2e8f0;
  border-radius: 3px;
  overflow: hidden;
}

.drive-storage-type-fill {
  height: 100%;
  background: linear-gradient(90deg, #6366f1, #8b5cf6);
  border-radius: 3px;
  transition: width 0.4s;
}

.drive-storage-type-count {
  font-size: 0.75rem;
  color: #94a3b8;
  white-space: nowrap;
  min-width: 85px;
  text-align: right;
}

.drive-storage-file-row {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 6px 8px;
  border-radius: 6px;
  cursor: pointer;
  transition: background 0.15s;
  font-size: 0.82rem;
  color: #475569;
}

.drive-storage-file-row:hover {
  background: #f1f5f9;
}

.drive-storage-file-row i {
  color: #6366f1;
  width: 16px;
  text-align: center;
}

.drive-storage-fname {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.drive-storage-fsize {
  font-size: 0.75rem;
  color: #94a3b8;
  white-space: nowrap;
}

/* ===== PANEL DE ACTIVIDAD ===== */
.drive-activity-panel {
  width: 340px;
  min-width: 340px;
  flex-direction: column;
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  margin-left: 16px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06);
  overflow: hidden;
  animation: slideInRight 0.25s ease;
}

.drive-activity-list {
  overflow-y: auto;
  max-height: calc(100vh - 300px);
  padding: 8px 0;
}

.drive-activity-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 40px 20px;
  color: #94a3b8;
  text-align: center;
}

.drive-activity-empty i {
  font-size: 2rem;
  margin-bottom: 10px;
  color: #cbd5e1;
}

.drive-activity-empty p {
  margin: 0;
  font-size: 0.88rem;
}

.drive-activity-item {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 10px 14px;
  transition: background 0.15s;
  border-bottom: 1px solid #f8fafc;
}

.drive-activity-item:hover {
  background: #f8fafc;
}

.drive-activity-icon {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  font-size: 0.75rem;
}

.drive-activity-success {
  background: #ecfdf5;
  color: #059669;
}

.drive-activity-danger {
  background: #fef2f2;
  color: #dc2626;
}

.drive-activity-info {
  background: #eff6ff;
  color: #2563eb;
}

.drive-activity-warning {
  background: #fffbeb;
  color: #d97706;
}

.drive-activity-primary {
  background: #eef2ff;
  color: #4f46e5;
}

.drive-activity-secondary {
  background: #f1f5f9;
  color: #64748b;
}

.drive-activity-body {
  flex: 1;
  min-width: 0;
}

.drive-activity-text {
  font-size: 0.82rem;
  color: #334155;
  line-height: 1.4;
  word-break: break-word;
}

.drive-activity-text strong {
  color: #1e293b;
}

.drive-activity-target {
  color: #6366f1;
  font-weight: 500;
}

.drive-activity-time {
  font-size: 0.72rem;
  color: #94a3b8;
  margin-top: 2px;
}

/* Responsive Phase 3 */
@media (max-width: 768px) {
  .drive-sort-control {
    width: 100%;
  }

  .drive-sort-select {
    width: 100%;
  }

  .drive-activity-panel {
    position: fixed;
    right: 0;
    top: 0;
    bottom: 0;
    margin: 0;
    border-radius: 0;
    z-index: 1000;
    width: 100%;
    min-width: auto;
    max-width: 360px;
    box-shadow: -4px 0 20px rgba(0, 0, 0, 0.15);
  }

  .drive-activity-list {
    max-height: calc(100vh - 60px);
  }
}
/* ===================================
   FOOTER MINIMALISTA ELEGANTE
   ================================= */

.footer-minimal {
  background: linear-gradient(180deg, #f8fafc 0%, #ffffff 100%);
  position: fixed;
  bottom: 0;
  left: var(--adit-sidebar-width, 260px);
  right: 0;
  width: auto;
  z-index: 1000;
  padding: 0;
  transition: left 0.3s ease;
}

.sidebar-collapsed .footer-minimal,
.footer-minimal.sidebar-collapsed {
  left: var(--adit-sidebar-collapsed-width, 70px);
}

.footer-minimal-inner {
  position: relative;
}

/* Línea decorativa superior con gradiente */
.footer-minimal-line {
  height: 2px;
  background: linear-gradient(90deg, 
    transparent 0%,
    rgba(107, 15, 42, 0.1) 10%,
    rgba(139, 21, 56, 0.4) 30%,
    #3351A6 50%,
    rgba(139, 21, 56, 0.4) 70%,
    rgba(107, 15, 42, 0.1) 90%,
    transparent 100%);
}

.footer-minimal-content {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 10px 20px;
  flex-wrap: wrap;
}

.footer-brand {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-weight: 700;
  font-size: 0.8rem;
  color: #3351A6;
  letter-spacing: 0.5px;
}

.footer-brand i {
  font-size: 0.85rem;
  color: #3351A6;
}

.footer-separator {
  color: #cbd5e1;
  font-size: 0.6rem;
}

.footer-copy {
  font-size: 0.78rem;
  color: #64748b;
  font-weight: 400;
}

.footer-version {
  font-size: 0.7rem;
  color: #94a3b8;
  background: linear-gradient(135deg, #f1f5f9 0%, #e2e8f0 100%);
  padding: 2px 8px;
  border-radius: 10px;
  font-weight: 500;
  border: 1px solid rgba(107, 15, 42, 0.1);
}

/* Responsive para footer minimalista */
@media (max-width: 768px) {
  .footer-minimal-content {
    padding: 8px 15px;
    gap: 8px;
  }
  
  .footer-brand,
  .footer-copy {
    font-size: 0.75rem;
  }
  
  .footer-separator {
    display: none;
  }
}

@media (max-width: 480px) {
  .footer-minimal-content {
    flex-direction: column;
    gap: 4px;
    padding: 6px 10px;
  }
  
  .footer-brand {
    font-size: 0.72rem;
  }
  
  .footer-copy {
    font-size: 0.68rem;
  }
  
  .footer-version {
    font-size: 0.65rem;
  }
}
@charset "UTF-8";
/*
 * KUALLY - SISTEMA CSS ADIT UNIFICADO
 * Sistema limpio y moderno con prefijo "adit-"
 *





















 */
/* Importaciones de Google Fonts */
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap");
/* Bootstrap 5 (se incluye via webpack) */
/* Tailwind CSS (se incluye via webpack) */
/* Headings */
/* line 39, app/assets/stylesheets/application.css.sass */
h1, h2, h3, h4, h5, h6 {
  color: #0e0e0e;
  font-weight: 200;
  letter-spacing: -1px;
  margin: 0;
}

/* line 45, app/assets/stylesheets/application.css.sass */
h1 {
  font-size: 3.2em;
  line-height: 44px;
  margin: 0 0 44px 0;
}

/* line 50, app/assets/stylesheets/application.css.sass */
h2 {
  font-size: 2.6em;
  font-weight: 300;
  line-height: 42px;
  margin: 0 0 32px 0;
}

/* line 56, app/assets/stylesheets/application.css.sass */
h3 {
  color: #CCC;
  font-size: 1.8em;
  font-weight: 400;
  letter-spacing: normal;
  line-height: 24px;
  margin-bottom: 33px;
  text-transform: uppercase;
}

/* line 65, app/assets/stylesheets/application.css.sass */
h4 {
  color: #CCC;
  font-size: 1.4em;
  font-weight: 400;
  letter-spacing: normal;
  line-height: 27px;
  margin: 0 0 14px 0;
}

/* line 73, app/assets/stylesheets/application.css.sass */
h5 {
  color: #CCC;
  font-size: 1em;
  font-weight: 600;
  letter-spacing: normal;
  line-height: 18px;
  margin: 0 0 14px 0;
  text-transform: uppercase;
}

/* line 82, app/assets/stylesheets/application.css.sass */
h6 {
  color: #333;
  font-size: 1em;
  font-weight: 400;
  letter-spacing: normal;
  line-height: 18px;
  margin: 0 0 14px 0;
}

/* line 91, app/assets/stylesheets/application.css.sass */
h1.big {
  font-size: 4.2em;
  line-height: 54px;
}

/* line 94, app/assets/stylesheets/application.css.sass */
h1.short {
  margin-bottom: 15px;
}

/* line 97, app/assets/stylesheets/application.css.sass */
h2.short {
  margin-bottom: 15px;
}

/* line 100, app/assets/stylesheets/application.css.sass */
h3.short, h4.short, h5.short, h6.short {
  margin-bottom: 9px;
}

/* line 103, app/assets/stylesheets/application.css.sass */
h1.shorter, h2.shorter, h3.shorter, h4.shorter, h5.shorter, h6.shorter {
  margin-bottom: 0;
}

/* line 106, app/assets/stylesheets/application.css.sass */
h1.tall, h2.tall, h3.tall, h4.tall, h5.tall, h6.tall {
  margin-bottom: 33px;
}

/* line 109, app/assets/stylesheets/application.css.sass */
h1.taller, h2.taller, h3.taller, h4.taller, h5.taller, h6.taller {
  margin-bottom: 44px;
}

/* line 112, app/assets/stylesheets/application.css.sass */
h1.spaced, h2.spaced, h3.spaced, h4.spaced, h5.spaced, h6.spaced {
  margin-top: 22px;
}

/* line 115, app/assets/stylesheets/application.css.sass */
h1.more-spaced, h2.more-spaced, h3.more-spaced, h4.more-spaced, h5.more-spaced, h6.more-spaced {
  margin-top: 44px;
}

/* line 118, app/assets/stylesheets/application.css.sass */
h1.dark, h2.dark, h3.dark, h4.dark, h5.dark {
  color: #0e0e0e;
}

/* line 121, app/assets/stylesheets/application.css.sass */
h1.white, h2.white, h3.white, h4.white, h5.white, h6.white {
  color: #FFF;
}

/* line 124, app/assets/stylesheets/application.css.sass */
h1.text-shadow, h2.text-shadow, h3.text-shadow, h4.text-shadow, h5.text-shadow, h6.text-shadow {
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
}

/* line 127, app/assets/stylesheets/application.css.sass */
h2 .inverted {
  min-height: 60px;
}

/* Modal Titles */
/* line 132, app/assets/stylesheets/application.css.sass */
.modal-header h3 {
  color: #333;
  text-transform: none;
}

/* Responsive */
@media (max-width: 479px) {
  /* line 138, app/assets/stylesheets/application.css.sass */
  h2 {
    line-height: 40px;
  }
}

@media (max-width: 767px) {
  /* line 142, app/assets/stylesheets/application.css.sass */
  h1.big {
    font-size: 3.2em;
    line-height: 42px;
  }
}

/* Blockquote */
/* line 148, app/assets/stylesheets/application.css.sass */
blockquote {
  font-size: 1em;
}

/* Paragraphs */
/* line 153, app/assets/stylesheets/application.css.sass */
p {
  color: #777777;
  line-height: 24px;
  margin: 0 0 20px;
}

/* line 157, app/assets/stylesheets/application.css.sass */
p.featured {
  font-size: 1.6em;
  line-height: 1.5em;
}

/* line 160, app/assets/stylesheets/application.css.sass */
p.short {
  margin-bottom: 0;
}

/* line 162, app/assets/stylesheets/application.css.sass */
p.tall {
  margin-bottom: 20px;
}

/* line 164, app/assets/stylesheets/application.css.sass */
p.taller {
  margin-bottom: 40px;
}

/* line 166, app/assets/stylesheets/application.css.sass */
p .alternative-font {
  display: inline-block;
  margin-top: -15px;
  position: relative;
  top: 3px;
  margin-bottom: -6px;
}

/* Labels */
/* line 176, app/assets/stylesheets/application.css.sass */
.label-primary {
  background-color: #CCC;
}

/* line 179, app/assets/stylesheets/application.css.sass */
.label-dark {
  background: #111;
  text-decoration: none;
  font-weight: normal;
}

/* line 183, app/assets/stylesheets/application.css.sass */
.label-dark:hover {
  background: #111;
  text-decoration: none;
  font-weight: normal;
}

/* Drop Caps */
/* line 191, app/assets/stylesheets/application.css.sass */
p.drop-caps:first-child:first-letter {
  float: left;
  font-size: 75px;
  line-height: 60px;
  padding: 4px;
  margin-right: 5px;
  margin-top: 5px;
  font-family: Georgia;
}

/* line 199, app/assets/stylesheets/application.css.sass */
p.drop-caps.secundary:first-child:first-letter {
  background-color: #CCC;
  color: #FFF;
  padding: 6px;
  margin-right: 5px;
  border-radius: 4px;
}

/* Alternative Font Style */
/* line 208, app/assets/stylesheets/application.css.sass */
.alternative-font {
  color: #CCC;
  font-family: "Shadows Into Light", cursive;
  font-size: 1.6em;
}

/* Navs */
/* line 216, app/assets/stylesheets/application.css.sass */
ul.nav-list.primary > li {
  margin: 0;
  padding: 0;
}

/* line 219, app/assets/stylesheets/application.css.sass */
ul.nav-list.primary > li a {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  background-image: url(/../img/list-primary.png);
  background-position: 9px 16px;
  background-repeat: no-repeat;
  border-bottom: 1px solid #EDEDDE;
  padding: 8px 20px;
}

/* line 228, app/assets/stylesheets/application.css.sass */
ul.nav-pills > li.active > a {
  background-color: #CCC;
}

/* line 230, app/assets/stylesheets/application.css.sass */
ul.nav-pills > li.active > a:hover, ul.nav-pills > li.active > a:focus {
  background-color: #CCC;
}

/* Buttons */
/* line 235, app/assets/stylesheets/application.css.sass */
.btn-primary {
  background-color: #CCC;
  border-color: #CCC;
}

/* line 238, app/assets/stylesheets/application.css.sass */
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active {
  background-color: #CCC;
  border-color: #CCC;
}

/* line 241, app/assets/stylesheets/application.css.sass */
.btn-primary[disabled] {
  border-color: #CCC !important;
  background-color: #CCC;
  background-image: none;
}

/* line 246, app/assets/stylesheets/application.css.sass */
.btn-icon i {
  margin-right: 10px;
}

/* line 249, app/assets/stylesheets/application.css.sass */
.btn-icon-right i {
  margin-right: 0;
  margin-left: 10px;
}

/* Forms */
/* line 255, app/assets/stylesheets/application.css.sass */
form label {
  font-weight: normal;
}

/* line 258, app/assets/stylesheets/application.css.sass */
textarea {
  resize: vertical;
}

/* line 261, app/assets/stylesheets/application.css.sass */
select {
  border: 1px solid #E5E7E9;
  border-radius: 6px;
  outline: none;
}

/* line 266, app/assets/stylesheets/application.css.sass */
.label {
  font-weight: normal;
}

/* line 269, app/assets/stylesheets/application.css.sass */
.form-group:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

/* line 277, app/assets/stylesheets/application.css.sass */
.form-control:focus {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  border-color: #CCC;
}

/* Forms Validations */
/* line 284, app/assets/stylesheets/application.css.sass */
label.valid {
  display: inline-block;
  text-indent: -9999px;
}

/* line 287, app/assets/stylesheets/application.css.sass */
label.error {
  color: #C10000;
  font-size: 0.9em;
  margin-top: -5px;
  padding: 0;
}

/* line 292, app/assets/stylesheets/application.css.sass */
label#captcha-error.error {
  margin-top: 15px;
}

/* Captcha */
/* line 297, app/assets/stylesheets/application.css.sass */
.captcha-control {
  clear: both;
  overflow: hidden;
  background: #F2F2F2;
  text-align: center;
  margin-bottom: 20px;
  max-width: 160px;
  height: 78px;
}

/* line 305, app/assets/stylesheets/application.css.sass */
.captcha-control input {
  border: 0;
}

/* line 308, app/assets/stylesheets/application.css.sass */
.captcha-input {
  position: relative;
  top: 15px;
  font-size: 14px;
}

/* line 313, app/assets/stylesheets/application.css.sass */
.captcha-image {
  float: left;
  position: relative;
  top: -5px;
  left: -13px;
}

/* Icons */
/* line 321, app/assets/stylesheets/application.css.sass */
.featured-icon {
  background: #CCC;
  border-radius: 35px;
  color: #FFF;
  display: inline-block;
  height: 35px;
  line-height: 35px;
  margin-right: 10px;
  position: relative;
  text-align: center;
  top: 5px;
  width: 35px;
}

/* line 333, app/assets/stylesheets/application.css.sass */
.featured-icon i {
  color: #FFF;
  font-size: 0.9em;
  font-weight: normal;
}

/* Icons List */
/* line 340, app/assets/stylesheets/application.css.sass */
ul.icons {
  list-style: none;
}

/* line 342, app/assets/stylesheets/application.css.sass */
ul.icons [class^="fa-"] {
  margin-right: 5px;
}

/* Font Awesome List */
/* line 348, app/assets/stylesheets/application.css.sass */
.fontawesome-icon-list [class*="col-md-"] {
  margin-bottom: 9px;
}

/* line 350, app/assets/stylesheets/application.css.sass */
.fontawesome-icon-list > section {
  margin-top: 25px;
}

/* Thumbnails */
/* line 355, app/assets/stylesheets/application.css.sass */
.img-thumbnail {
  border-radius: 8px;
  position: relative;
}

/* line 358, app/assets/stylesheets/application.css.sass */
.img-thumbnail .zoom {
  background: #CCC;
  border-radius: 100%;
  bottom: 8px;
  color: #FFF;
  display: block;
  height: 30px;
  padding: 6px;
  position: absolute;
  right: 8px;
  text-align: center;
  width: 30px;
}

/* line 370, app/assets/stylesheets/application.css.sass */
.img-thumbnail .zoom i {
  font-size: 14px;
  left: -1px;
  position: relative;
  top: -3px;
}

/* Thumbnail Gallery */
/* line 379, app/assets/stylesheets/application.css.sass */
ul.thumbnail-gallery {
  list-style: none;
  margin: 10px 0;
  padding: 0;
}

/* line 383, app/assets/stylesheets/application.css.sass */
ul.thumbnail-gallery li {
  display: inline-block;
  margin: 10px 10px 0 0;
  padding: 0;
}

/* line 388, app/assets/stylesheets/application.css.sass */
ul.list li {
  margin-bottom: 13px;
}

/* line 390, app/assets/stylesheets/application.css.sass */
ul.list.icons li i {
  color: #CCC;
  margin-right: 5px;
}

/* line 393, app/assets/stylesheets/application.css.sass */
ul.list.pull-left li {
  text-align: left;
}

/* line 396, app/assets/stylesheets/application.css.sass */
ul.sitemap > li > a {
  font-weight: bold;
}

/* line 399, app/assets/stylesheets/application.css.sass */
ul.sitemap.list li {
  margin: 0 0 3px 0;
}

/* line 401, app/assets/stylesheets/application.css.sass */
ul.sitemap.list ul {
  margin-bottom: 5px;
  margin-top: 5px;
}

/* Responsive */
@media (max-width: 991px) {
  /* line 407, app/assets/stylesheets/application.css.sass */
  .thumbnail {
    border: 0;
    text-align: center;
  }
}

/* List */
/* Sitemap */
/* Accordion */
/* line 418, app/assets/stylesheets/application.css.sass */
.panel-group .panel-heading {
  padding: 0;
  border-radius: 3px;
}

/* line 421, app/assets/stylesheets/application.css.sass */
.panel-group .panel-heading a {
  display: block;
  padding: 10px 15px;
}

/* line 424, app/assets/stylesheets/application.css.sass */
.panel-group .panel-heading a:hover, .panel-group .panel-heading a:focus {
  text-decoration: none;
}

/* line 426, app/assets/stylesheets/application.css.sass */
.panel-group .panel-heading a [class^="icon-"] {
  margin-right: 4px;
  position: relative;
  top: 1px;
}

/* line 430, app/assets/stylesheets/application.css.sass */
.panel-group.secundary .panel-heading a {
  color: #FFF;
}

/* Tabs */
/* line 435, app/assets/stylesheets/application.css.sass */
.tabs {
  border-radius: 4px;
  margin-bottom: 35px;
}

/* line 439, app/assets/stylesheets/application.css.sass */
.nav-tabs {
  margin: 0;
  font-size: 0;
  border-bottom-color: #EEE;
}

/* line 443, app/assets/stylesheets/application.css.sass */
.nav-tabs li {
  display: inline-block;
  float: none;
}

/* line 446, app/assets/stylesheets/application.css.sass */
.nav-tabs li:last-child a {
  margin-right: 0;
}

/* line 448, app/assets/stylesheets/application.css.sass */
.nav-tabs li a {
  border-radius: 5px 5px 0 0;
  font-size: 14px;
  margin-right: 1px;
  background: #F4F4F4;
  border-bottom: none;
  border-left: 1px solid #EEE;
  border-right: 1px solid #EEE;
  border-top: 3px solid #EEE;
  color: #CCC;
}

/* line 458, app/assets/stylesheets/application.css.sass */
.nav-tabs li a:hover {
  background: #F4F4F4;
  border-bottom: none;
  border-left: 1px solid #EEE;
  border-right: 1px solid #EEE;
  border-top: 3px solid #EEE;
  color: #CCC;
  border-bottom-color: transparent;
  border-top: 3px solid #CCC;
  box-shadow: none;
}

/* line 468, app/assets/stylesheets/application.css.sass */
.nav-tabs li a:active, .nav-tabs li a:focus {
  border-bottom: 0;
}

/* line 470, app/assets/stylesheets/application.css.sass */
.nav-tabs li.active a {
  background: #FFF;
  border-left-color: #EEE;
  border-right-color: #EEE;
  border-top: 3px solid #CCC;
  color: #CCC;
}

/* line 476, app/assets/stylesheets/application.css.sass */
.nav-tabs li.active a:hover, .nav-tabs li.active a:focus {
  background: #FFF;
  border-left-color: #EEE;
  border-right-color: #EEE;
  border-top: 3px solid #CCC;
  color: #CCC;
}

/* line 483, app/assets/stylesheets/application.css.sass */
.tab-content {
  border-radius: 0 0 4px 4px;
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.04);
  background-color: #FFF;
  border: 1px solid #EEE;
  border-top: 0;
  padding: 15px;
}

/* Right Aligned */
/* line 493, app/assets/stylesheets/application.css.sass */
.nav-tabs.nav-right {
  text-align: right;
}

/* Bottom Tabs */
/* line 499, app/assets/stylesheets/application.css.sass */
.tabs.tabs-bottom .tab-content {
  border-radius: 4px 4px 0 0;
  border-bottom: 0;
  border-top: 1px solid #EEE;
}

/* line 503, app/assets/stylesheets/application.css.sass */
.tabs.tabs-bottom .nav-tabs {
  border-bottom: none;
  border-top: 1px solid #EEE;
}

/* line 506, app/assets/stylesheets/application.css.sass */
.tabs.tabs-bottom .nav-tabs li {
  margin-bottom: 0;
  margin-top: -1px;
}

/* line 509, app/assets/stylesheets/application.css.sass */
.tabs.tabs-bottom .nav-tabs li:last-child a {
  margin-right: 0;
}

/* line 511, app/assets/stylesheets/application.css.sass */
.tabs.tabs-bottom .nav-tabs li a {
  border-radius: 0 0 5px 5px;
  font-size: 14px;
  margin-right: 1px;
  border-bottom: 3px solid #EEE;
  border-top: 1px solid #EEE;
}

/* line 517, app/assets/stylesheets/application.css.sass */
.tabs.tabs-bottom .nav-tabs li a:hover {
  border-bottom: 3px solid #EEE;
  border-top: 1px solid #EEE;
  border-bottom: 3px solid #CCC;
  border-top: 1px solid #EEE;
}

/* line 522, app/assets/stylesheets/application.css.sass */
.tabs.tabs-bottom .nav-tabs li.active a {
  border-bottom: 3px solid #CCC;
  border-top-color: transparent;
}

/* line 525, app/assets/stylesheets/application.css.sass */
.tabs.tabs-bottom .nav-tabs li.active a:hover, .tabs.tabs-bottom .nav-tabs li.active a:focus {
  border-bottom: 3px solid #CCC;
  border-top-color: transparent;
}

/* Vertical */
/* line 531, app/assets/stylesheets/application.css.sass */
.tabs-vertical {
  display: table;
  width: 100%;
  border-top: 1px solid #EEE;
}

/* line 535, app/assets/stylesheets/application.css.sass */
.tabs-vertical .tab-content {
  display: table-cell;
  vertical-align: top;
}

/* line 538, app/assets/stylesheets/application.css.sass */
.tabs-vertical .nav-tabs {
  border-bottom: none;
  display: table-cell;
  height: 100%;
  float: none;
  padding: 0;
  vertical-align: top;
}

/* line 545, app/assets/stylesheets/application.css.sass */
.tabs-vertical .nav-tabs > li {
  display: block;
}

/* line 547, app/assets/stylesheets/application.css.sass */
.tabs-vertical .nav-tabs > li a {
  border-radius: 0;
  display: block;
  padding-top: 10px;
  border-bottom: none;
  border-top: none;
}

/* line 553, app/assets/stylesheets/application.css.sass */
.tabs-vertical .nav-tabs > li a:hover, .tabs-vertical .nav-tabs > li a:focus {
  border-bottom: none;
  border-top: none;
}

/* line 557, app/assets/stylesheets/application.css.sass */
.tabs-vertical .nav-tabs > li.active a {
  border-top: none;
}

/* line 559, app/assets/stylesheets/application.css.sass */
.tabs-vertical .nav-tabs > li.active a:hover {
  border-top: none;
}

/* line 561, app/assets/stylesheets/application.css.sass */
.tabs-vertical .nav-tabs > li.active:focus {
  border-top: none;
}

/* Vertical - Left Side */
/* line 567, app/assets/stylesheets/application.css.sass */
.tabs-left .tab-content {
  border-radius: 0 5px 5px 5px;
  border-left: none;
}

/* line 570, app/assets/stylesheets/application.css.sass */
.tabs-left .nav-tabs > li {
  margin-right: -1px;
}

/* line 572, app/assets/stylesheets/application.css.sass */
.tabs-left .nav-tabs > li:first-child a {
  border-radius: 5px 0 0 0;
}

/* line 574, app/assets/stylesheets/application.css.sass */
.tabs-left .nav-tabs > li:last-child a {
  border-radius: 0 0 0 5px;
  border-bottom: 1px solid #eee;
}

/* line 577, app/assets/stylesheets/application.css.sass */
.tabs-left .nav-tabs > li a {
  border-right: 1px solid #EEE;
  border-left: 3px solid #EEE;
  margin-right: 1px;
  margin-left: -3px;
}

/* line 582, app/assets/stylesheets/application.css.sass */
.tabs-left .nav-tabs > li a:hover {
  border-left-color: #CCC;
}

/* line 584, app/assets/stylesheets/application.css.sass */
.tabs-left .nav-tabs > li.active a {
  border-left: 3px solid #CCC;
  border-right-color: #FFF;
}

/* line 587, app/assets/stylesheets/application.css.sass */
.tabs-left .nav-tabs > li.active a:hover, .tabs-left .nav-tabs > li.active a:focus {
  border-left: 3px solid #CCC;
  border-right-color: #FFF;
}

/* Vertical - Right Side */
/* line 594, app/assets/stylesheets/application.css.sass */
.tabs-right .tab-content {
  border-radius: 5px 0 5px 5px;
  border-right: none;
}

/* line 597, app/assets/stylesheets/application.css.sass */
.tabs-right .nav-tabs > li {
  margin-left: -1px;
}

/* line 599, app/assets/stylesheets/application.css.sass */
.tabs-right .nav-tabs > li:first-child a {
  border-radius: 0 5px 0 0;
}

/* line 601, app/assets/stylesheets/application.css.sass */
.tabs-right .nav-tabs > li:last-child a {
  border-radius: 0 0 5px 0;
  border-bottom: 1px solid #eee;
}

/* line 604, app/assets/stylesheets/application.css.sass */
.tabs-right .nav-tabs > li a {
  border-right: 3px solid #EEE;
  border-left: 1px solid #EEE;
  margin-right: 1px;
  margin-left: 1px;
}

/* line 609, app/assets/stylesheets/application.css.sass */
.tabs-right .nav-tabs > li a:hover {
  border-right-color: #CCC;
}

/* line 611, app/assets/stylesheets/application.css.sass */
.tabs-right .nav-tabs > li.active a {
  border-right: 3px solid #CCC;
  border-left: 1px solid #FFF;
}

/* line 614, app/assets/stylesheets/application.css.sass */
.tabs-right .nav-tabs > li.active a:hover, .tabs-right .nav-tabs > li.active a:focus {
  border-right: 3px solid #CCC;
  border-left: 1px solid #FFF;
}

/* Justified */
/* line 620, app/assets/stylesheets/application.css.sass */
.nav-tabs.nav-justified {
  margin-bottom: -1px;
}

/* line 622, app/assets/stylesheets/application.css.sass */
.nav-tabs.nav-justified li {
  margin-bottom: 0;
}

/* line 624, app/assets/stylesheets/application.css.sass */
.nav-tabs.nav-justified li:first-child a {
  border-radius: 5px 0 0 0;
}

/* line 626, app/assets/stylesheets/application.css.sass */
.nav-tabs.nav-justified li:first-child a:hover {
  border-radius: 5px 0 0 0;
}

/* line 628, app/assets/stylesheets/application.css.sass */
.nav-tabs.nav-justified li:last-child a {
  border-radius: 0 5px 0 0;
}

/* line 630, app/assets/stylesheets/application.css.sass */
.nav-tabs.nav-justified li:last-child a:hover {
  border-radius: 0 5px 0 0;
}

/* line 632, app/assets/stylesheets/application.css.sass */
.nav-tabs.nav-justified li a {
  border-bottom: 1px solid #DDD;
  border-radius: 0;
  margin-right: 0;
}

/* line 636, app/assets/stylesheets/application.css.sass */
.nav-tabs.nav-justified li a:hover, .nav-tabs.nav-justified li a:focus {
  border-bottom: 1px solid #DDD;
}

/* line 638, app/assets/stylesheets/application.css.sass */
.nav-tabs.nav-justified li.active a {
  background: #FFF;
  border-left-color: #EEE;
  border-right-color: #EEE;
  border-top-width: 3px;
  border-bottom: 1px solid #FFF;
  border-top-width: 3px;
}

/* line 643, app/assets/stylesheets/application.css.sass */
.nav-tabs.nav-justified li.active a:hover, .nav-tabs.nav-justified li.active a:focus {
  background: #FFF;
  border-left-color: #EEE;
  border-right-color: #EEE;
  border-top-width: 3px;
}

/* line 650, app/assets/stylesheets/application.css.sass */
.nav-tabs.nav-justified li.active a:hover, .nav-tabs.nav-justified li.active a:focus {
  border-top-width: 3px;
}

/* line 652, app/assets/stylesheets/application.css.sass */
.nav-tabs.nav-justified li.active a:hover {
  border-bottom: 1px solid #FFF;
}

/* Bottom Tabs with Justified Nav */
/* line 657, app/assets/stylesheets/application.css.sass */
.tabs.tabs-bottom .nav.nav-tabs.nav-justified {
  border-top: none;
}

/* line 660, app/assets/stylesheets/application.css.sass */
.tabs.tabs-bottom .nav.nav-tabs.nav-justified li a {
  margin-right: 0;
  border-top-color: transparent;
}

/* line 663, app/assets/stylesheets/application.css.sass */
.tabs.tabs-bottom .nav.nav-tabs.nav-justified li:first-child a {
  border-radius: 0 0 0 5px;
}

/* line 665, app/assets/stylesheets/application.css.sass */
.tabs.tabs-bottom .nav.nav-tabs.nav-justified li:last-child a {
  margin-right: 0;
  border-radius: 0 0 5px 0;
}

/* line 668, app/assets/stylesheets/application.css.sass */
.tabs.tabs-bottom .nav.nav-tabs.nav-justified li.active a {
  border-top-color: transparent;
}

/* line 670, app/assets/stylesheets/application.css.sass */
.tabs.tabs-bottom .nav.nav-tabs.nav-justified li.active a:hover, .tabs.tabs-bottom .nav.nav-tabs.nav-justified li.active a:focus {
  border-top-color: transparent;
}

/* Responsive */
@media (max-width: 479px) {
  /* line 676, app/assets/stylesheets/application.css.sass */
  .tabs .nav.nav-tabs.nav-justified li {
    display: block;
    margin-bottom: -5px;
  }
  /* line 679, app/assets/stylesheets/application.css.sass */
  .tabs .nav.nav-tabs.nav-justified li a {
    border-top-width: 3px !important;
    border-bottom-width: 0 !important;
  }
  /* line 682, app/assets/stylesheets/application.css.sass */
  .tabs .nav.nav-tabs.nav-justified li:first-child a {
    border-radius: 5px 5px 0 0;
  }
  /* line 684, app/assets/stylesheets/application.css.sass */
  .tabs .nav.nav-tabs.nav-justified li:first-child a:hover {
    border-radius: 5px 5px 0 0;
  }
  /* line 686, app/assets/stylesheets/application.css.sass */
  .tabs .nav.nav-tabs.nav-justified li:last-child a {
    border-radius: 0;
  }
  /* line 688, app/assets/stylesheets/application.css.sass */
  .tabs .nav.nav-tabs.nav-justified li:last-child a:hover {
    border-radius: 0;
  }
  /* line 690, app/assets/stylesheets/application.css.sass */
  .tabs.tabs-bottom .nav.nav-tabs.nav-justified li {
    margin-bottom: 0;
    margin-top: -5px;
  }
  /* line 693, app/assets/stylesheets/application.css.sass */
  .tabs.tabs-bottom .nav.nav-tabs.nav-justified li a {
    border-bottom-width: 3px !important;
    border-top-width: 0 !important;
  }
  /* line 696, app/assets/stylesheets/application.css.sass */
  .tabs.tabs-bottom .nav.nav-tabs.nav-justified li:first-child a {
    border-radius: 0;
  }
  /* line 698, app/assets/stylesheets/application.css.sass */
  .tabs.tabs-bottom .nav.nav-tabs.nav-justified li:first-child a:hover {
    border-radius: 0;
  }
  /* line 700, app/assets/stylesheets/application.css.sass */
  .tabs.tabs-bottom .nav.nav-tabs.nav-justified li:last-child a {
    border-radius: 0 0 5px 5px;
  }
  /* line 702, app/assets/stylesheets/application.css.sass */
  .tabs.tabs-bottom .nav.nav-tabs.nav-justified li:last-child a:hover {
    border-radius: 0 0 5px 5px;
  }
}

/* Toggles */
/* line 707, app/assets/stylesheets/application.css.sass */
.toggle {
  margin: 10px 0 0;
  position: relative;
  clear: both;
}

/* line 712, app/assets/stylesheets/application.css.sass */
.toggle > input {
  cursor: pointer;
  filter: alpha(opacity=0);
  height: 45px;
  margin: 0;
  opacity: 0;
  position: absolute;
  width: 100%;
  z-index: 2;
}

/* line 721, app/assets/stylesheets/application.css.sass */
.toggle > label {
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
  background: #F4F4F4;
  border-left: 3px solid #CCC;
  border-radius: 5px;
  color: #CCC;
  display: block;
  font-size: 1.1em;
  min-height: 20px;
  padding: 12px 20px 12px 10px;
  position: relative;
  cursor: pointer;
  font-weight: 400;
}

/* line 736, app/assets/stylesheets/application.css.sass */
.toggle > label:-moz-selection {
  background: none;
}

/* line 739, app/assets/stylesheets/application.css.sass */
.toggle > label i.fa-minus {
  display: none;
}

/* line 741, app/assets/stylesheets/application.css.sass */
.toggle > label i.fa-plus {
  display: inline;
}

/* line 743, app/assets/stylesheets/application.css.sass */
.toggle > label:selection {
  background: none;
}

/* line 745, app/assets/stylesheets/application.css.sass */
.toggle > label:before {
  border: 6px solid transparent;
  border-left-color: inherit;
  content: '';
  margin-top: -6px;
  position: absolute;
  right: 4px;
  top: 50%;
}

/* line 753, app/assets/stylesheets/application.css.sass */
.toggle > label:hover {
  background: #f5f5f5;
}

/* line 755, app/assets/stylesheets/application.css.sass */
.toggle > label + p {
  color: #999;
  display: block;
  overflow: hidden;
  padding-left: 30px;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 25px;
}

/* line 763, app/assets/stylesheets/application.css.sass */
.toggle > label i {
  font-size: 0.7em;
  margin-right: 8px;
  position: relative;
  top: -1px;
}

/* line 768, app/assets/stylesheets/application.css.sass */
.toggle > .toggle-content {
  display: none;
}

/* line 770, app/assets/stylesheets/application.css.sass */
.toggle > .toggle-content > p {
  margin-bottom: 0;
  padding: 10px 0;
}

/* line 775, app/assets/stylesheets/application.css.sass */
.toggle.active i.fa-minus {
  display: inline;
}

/* line 777, app/assets/stylesheets/application.css.sass */
.toggle.active i.fa-plus {
  display: none;
}

/* line 780, app/assets/stylesheets/application.css.sass */
.toggle.active > label {
  background: #F4F4F4;
  border-color: #CCC;
}

/* line 783, app/assets/stylesheets/application.css.sass */
.toggle.active > label:before {
  border: 6px solid transparent;
  border-top-color: #FFF;
  margin-top: -3px;
  right: 10px;
}

/* line 788, app/assets/stylesheets/application.css.sass */
.toggle.active > p {
  white-space: normal;
}

/* line 790, app/assets/stylesheets/application.css.sass */
.toggle > p.preview-active {
  height: auto;
  white-space: normal;
}

/* Owl Carousel */
/* line 796, app/assets/stylesheets/application.css.sass */
.owl-carousel {
  position: relative;
  z-index: 1;
}

/* line 799, app/assets/stylesheets/application.css.sass */
.owl-carousel .owl-wrapper-outer {
  border-radius: 4px;
}

/* line 801, app/assets/stylesheets/application.css.sass */
.owl-carousel .thumbnail {
  max-width: 99%;
}

/* line 803, app/assets/stylesheets/application.css.sass */
.owl-carousel .img-responsive {
  display: inline-block;
}

/* line 806, app/assets/stylesheets/application.css.sass */
.owl-carousel-spaced {
  margin-left: -5px;
}

/* line 808, app/assets/stylesheets/application.css.sass */
.owl-carousel-spaced .owl-item > div {
  margin: 5px;
}

/* line 811, app/assets/stylesheets/application.css.sass */
.owl-theme .owl-controls {
  margin-top: 20px;
}

/* line 813, app/assets/stylesheets/application.css.sass */
.owl-theme .owl-controls .owl-buttons div {
  border-radius: 4px;
  border-bottom: 2px solid transparent;
  filter: alpha(opacity=100);
  opacity: 1;
  padding: 1px 9px;
  margin: 2px;
}

/* Owl Carousel - Highlight */
/* line 823, app/assets/stylesheets/application.css.sass */
.highlight_section .owl-theme .owl-controls .owl-page span {
  background-color: #FFF;
}

/* Responsive */
@media (max-width: 479px) {
  /* line 828, app/assets/stylesheets/application.css.sass */
  .owl-carousel-spaced {
    margin-left: 0;
  }
}

/* Video */
/* line 833, app/assets/stylesheets/application.css.sass */
.video_section {
  -webkit-transform: translate3d(0, 0, 0);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  margin: 70px 0;
  padding: 50px 0;
  position: relative;
  overflow: hidden;
  width: 100%;
}

/* line 842, app/assets/stylesheets/application.css.sass */
.video_section blockquote {
  border: 0;
  padding: 0 10%;
}

/* line 845, app/assets/stylesheets/application.css.sass */
.video_section blockquote i.fa-quote-left {
  font-size: 34px;
  position: relative;
  left: -5px;
}

/* line 849, app/assets/stylesheets/application.css.sass */
.video_section blockquote p {
  font-size: 24px;
  line-height: 30px;
}

/* line 852, app/assets/stylesheets/application.css.sass */
.video_section blockquote span {
  font-size: 16px;
  line-height: 20px;
  color: #999;
  position: relative;
  left: -5px;
}

/* line 858, app/assets/stylesheets/application.css.sass */
.video_section .container {
  position: relative;
  z-index: 3;
}

/* line 861, app/assets/stylesheets/application.css.sass */
.video_section .video-overlay {
  background: transparent url(/../img/video-overlay.png) repeat 0 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}

/* line 872, app/assets/stylesheets/application.css.sass */
html.boxed .video_section > div:first-child {
  z-index: 0 !important;
}

/* line 874, app/assets/stylesheets/application.css.sass */
html.boxed .video_section > div:first-child video {
  z-index: 0 !important;
}

/* Popup */
/* line 879, app/assets/stylesheets/application.css.sass */
.popup-inline-content {
  background: none repeat scroll 0 0 #FFF;
  margin: 40px auto;
  max-width: 1170px;
  padding: 20px 30px;
  position: relative;
  text-align: left;
  display: none;
}

/* Magnific Popup */
/* line 890, app/assets/stylesheets/application.css.sass */
.mfp-wrap .popup-inline-content {
  display: block;
}

/* Miscellaneous */
/* line 895, app/assets/stylesheets/application.css.sass */
body a {
  outline: none !important;
}

/* line 898, app/assets/stylesheets/application.css.sass */
li {
  line-height: 24px;
}

/* line 901, app/assets/stylesheets/application.css.sass */
.center {
  text-align: center;
}

/* line 904, app/assets/stylesheets/application.css.sass */
.push-bottom {
  margin-bottom: 35px;
}

/* line 907, app/assets/stylesheets/application.css.sass */
.push-top {
  margin-top: 35px;
}

/* line 910, app/assets/stylesheets/application.css.sass */
.bold {
  font-weight: bold;
}

/* line 913, app/assets/stylesheets/application.css.sass */
.inverted {
  color: #FFF;
  display: inline-block;
  padding-left: 10px;
  padding-right: 10px;
}

/* Clearfix */
/* line 921, app/assets/stylesheets/application.css.sass */
.clearfix {
  display: inline-block;
}

/* line 923, app/assets/stylesheets/application.css.sass */
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

/* line 931, app/assets/stylesheets/application.css.sass */
html[xmlns] .clearfix {
  display: block;
}

/* line 934, app/assets/stylesheets/application.css.sass */
* html .clearfix {
  height: 1%;
}

/* Pagination */
/* line 941, app/assets/stylesheets/application.css.sass */
.pagination > li > a, .pagination > li > span, .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
  color: #CCC;
}

/* line 944, app/assets/stylesheets/application.css.sass */
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
  background-color: #CCC;
  border-color: #CCC;
}

/* Divider Line */
/* line 950, app/assets/stylesheets/application.css.sass */
hr {
  background-image: -webkit-linear-gradient(left, transparent, rgba(0, 0, 0, 0.2), transparent);
  background-image: linear-gradient(to right, transparent, rgba(0, 0, 0, 0.2), transparent);
  border: 0;
  height: 1px;
  margin: 22px 0 22px 0;
}

/* line 956, app/assets/stylesheets/application.css.sass */
hr.short {
  margin: 11px 0 11px 0;
}

/* line 958, app/assets/stylesheets/application.css.sass */
hr.tall {
  margin: 44px 0 44px 0;
}

/* line 960, app/assets/stylesheets/application.css.sass */
hr.taller {
  margin: 66px 0 66px 0;
}

/* line 962, app/assets/stylesheets/application.css.sass */
hr.light {
  background-image: -webkit-linear-gradient(left, transparent, rgba(255, 255, 255, 0.2), transparent);
  background-image: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.2), transparent);
}

/* line 965, app/assets/stylesheets/application.css.sass */
hr.invisible {
  background: none;
}

/* Read More */
/* line 970, app/assets/stylesheets/application.css.sass */
.read-more, .learn-more {
  display: inline-block;
  white-space: nowrap;
}

/* Offset Anchor */
/* line 976, app/assets/stylesheets/application.css.sass */
.offset-anchor {
  display: block;
  position: relative;
  visibility: hidden;
  top: -100px;
}

/* Responsive */
@media (max-width: 991px) {
  /* line 984, app/assets/stylesheets/application.css.sass */
  .offset-anchor {
    top: 0;
  }
}

/* Show Grid */
/* line 989, app/assets/stylesheets/application.css.sass */
.show-grid [class*="col-md-"] .show-grid-block {
  background-color: #EEE;
  line-height: 40px;
  min-height: 40px;
  text-align: center;
  border: 1px solid #FFF;
  display: block;
}

/* Font Awesome */
/* line 1000, app/assets/stylesheets/application.css.sass */
.fontawesome-icon-list [class*="col-md-"] {
  margin-bottom: 9px;
}

/* line 1002, app/assets/stylesheets/application.css.sass */
.fontawesome-icon-list i {
  font-size: 1.3em;
  margin-right: 5px;
  display: inline-block;
  width: 30px;
  text-align: center;
  position: relative;
  top: 2px;
}

/* Alert Admin */
/* line 1013, app/assets/stylesheets/application.css.sass */
.alert-admin {
  margin: 25px 0;
}

/* line 1015, app/assets/stylesheets/application.css.sass */
.alert-admin img {
  margin: -50px 0 0;
}

/* line 1017, app/assets/stylesheets/application.css.sass */
.alert-admin .btn {
  margin: 0 0 -15px;
}

/* line 1019, app/assets/stylesheets/application.css.sass */
.alert-admin p {
  color: #444;
}

/* line 1021, app/assets/stylesheets/application.css.sass */
.alert-admin h4 {
  color: #111;
  font-size: 1.2em;
  font-weight: 600;
  text-transform: uppercase;
}

/* line 1026, app/assets/stylesheets/application.css.sass */
.alert-admin .warning {
  color: #B20000;
}

/* Sort Source Wrapper */
/* line 1031, app/assets/stylesheets/application.css.sass */
.sort-source-wrapper {
  padding: 8px 0;
  position: relative;
}

/* line 1034, app/assets/stylesheets/application.css.sass */
.sort-source-wrapper .nav {
  margin: -100px 0 5px;
}

/* line 1037, app/assets/stylesheets/application.css.sass */
.sort-source-wrapper .nav > li > a {
  color: #FFF;
  background: transparent;
}

/* line 1040, app/assets/stylesheets/application.css.sass */
.sort-source-wrapper .nav > li > a:hover, .sort-source-wrapper .nav > li > a:focus {
  background: transparent;
}

/* line 1042, app/assets/stylesheets/application.css.sass */
.sort-source-wrapper .nav > li.active > a {
  background: transparent;
}

/* line 1044, app/assets/stylesheets/application.css.sass */
.sort-source-wrapper .nav > li.active > a:hover, .sort-source-wrapper .nav > li.active > a:focus {
  background: transparent;
}

/* Sort Source */
/* line 1049, app/assets/stylesheets/application.css.sass */
.sort-source {
  clear: both;
}

/* Sort Destination */
/* line 1054, app/assets/stylesheets/application.css.sass */
.sort-destination.full-width {
  position: relative;
}

/* line 1056, app/assets/stylesheets/application.css.sass */
.sort-destination.full-width .isotope-item {
  width: 20%;
  float: left;
}

/* line 1059, app/assets/stylesheets/application.css.sass */
.sort-destination.full-width .isotope-item.w2 {
  width: 40%;
}

/* line 1061, app/assets/stylesheets/application.css.sass */
.sort-destination.full-width .isotope-item .img-thumbnail {
  border: 0;
  padding: 0;
  margin: 0;
  border-radius: 0;
  float: left;
}

/* line 1067, app/assets/stylesheets/application.css.sass */
.sort-destination.full-width .isotope-item a, .sort-destination.full-width .isotope-item .thumb-info img {
  border-radius: 0;
  float: left;
}

/* line 1071, app/assets/stylesheets/application.css.sass */
.sort-source-wrapper + .sort-destination.full-width {
  margin: 0 0 -81px;
  top: -51px;
}

/* Responsive */
@media (max-width: 991px) {
  /* line 1077, app/assets/stylesheets/application.css.sass */
  ul.sort-destination.isotope {
    overflow: visible !important;
    height: auto !important;
  }
  /* line 1080, app/assets/stylesheets/application.css.sass */
  ul.sort-destination.isotope.full-width {
    overflow: hidden !important;
  }
  /* line 1082, app/assets/stylesheets/application.css.sass */
  .isotope-hidden {
    display: none !important;
  }
}

@media (max-width: 767px) {
  /* line 1086, app/assets/stylesheets/application.css.sass */
  .sort-source-wrapper {
    background: #171717;
    clear: both;
    margin-top: -35px;
  }
  /* line 1090, app/assets/stylesheets/application.css.sass */
  .sort-source-wrapper .nav {
    margin: 0;
  }
  /* line 1092, app/assets/stylesheets/application.css.sass */
  .sort-destination, .isotope-item {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  /* line 1095, app/assets/stylesheets/application.css.sass */
  .sort-destination.full-width {
    max-width: none;
    top: 0;
    margin-bottom: -30px;
  }
  /* line 1099, app/assets/stylesheets/application.css.sass */
  .sort-destination.full-width .isotope-item {
    max-width: none;
  }
  /* line 1101, app/assets/stylesheets/application.css.sass */
  .isotope-item {
    position: static !important;
    text-align: center;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    -moz-transform: none !important;
    -ms-transform: none !important;
    -o-transform: none !important;
    -webkit-transform: none !important;
    transform: none !important;
  }
  /* line 1112, app/assets/stylesheets/application.css.sass */
  .isotope-item.product {
    position: relative !important;
  }
}

@media (max-width: 479px) {
  /* line 1116, app/assets/stylesheets/application.css.sass */
  .sort-destination, .isotope-item {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  /* line 1119, app/assets/stylesheets/application.css.sass */
  .sort-destination.full-width .isotope-item {
    position: static !important;
    clear: both;
    float: none;
    width: auto;
  }
}

/* Pricing Tables */
/* line 1127, app/assets/stylesheets/application.css.sass */
.pricing-table {
  margin: 10px 0;
  padding: 0 15px;
  text-align: center;
}

/* line 1131, app/assets/stylesheets/application.css.sass */
.pricing-table ul {
  list-style: none;
  margin: 20px 0 0 0;
  padding: 0;
}

/* line 1135, app/assets/stylesheets/application.css.sass */
.pricing-table li {
  border-top: 1px solid #ddd;
  padding: 10px 0;
}

/* line 1138, app/assets/stylesheets/application.css.sass */
.pricing-table h3 {
  background-color: #eee;
  border-radius: 2px 2px 0 0;
  font-size: 20px;
  font-weight: normal;
  margin: -20px -20px 50px -20px;
  padding: 20px;
}

/* line 1145, app/assets/stylesheets/application.css.sass */
.pricing-table h3 span {
  background: #FFF;
  border: 5px solid #FFF;
  border-radius: 100px;
  box-shadow: 0 5px 20px #ddd inset, 0 3px 0 #999 inset;
  color: #777777;
  display: block;
  font: bold 25px / 100px Georgia, Serif;
  height: 100px;
  margin: 20px auto -65px;
  width: 100px;
}

/* line 1156, app/assets/stylesheets/application.css.sass */
.pricing-table .most-popular {
  border: 3px solid #CCC;
  box-shadow: 11px 0 10px -10px rgba(0, 0, 0, 0.1), -11px 0 10px -10px rgba(0, 0, 0, 0.1);
  padding: 30px 20px;
  top: -10px;
  z-index: 2;
}

/* line 1162, app/assets/stylesheets/application.css.sass */
.pricing-table .most-popular h3 {
  background-color: #666;
  color: #FFF;
  padding-top: 30px;
  text-shadow: 0 1px #555;
}

/* line 1167, app/assets/stylesheets/application.css.sass */
.pricing-table .plan-ribbon-wrapper {
  height: 88px;
  overflow: hidden;
  position: absolute;
  right: -5px;
  top: -5px;
  width: 85px;
}

/* line 1174, app/assets/stylesheets/application.css.sass */
.pricing-table .plan-ribbon {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  background-image: -webkit-linear-gradient(top, #bfdc7a, #8ebf45);
  background-image: linear-gradient(to bottom, #bfdc7a, #8ebf45);
  background-color: #bfdc7a;
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
  color: #333;
  font-size: 14px;
  left: -5px;
  padding: 7px 0;
  position: relative;
  text-align: center;
  text-shadow: rgba(255, 255, 255, 0.5) 0px 1px 0px;
  top: 15px;
  width: 120px;
}

/* line 1193, app/assets/stylesheets/application.css.sass */
.pricing-table .plan-ribbon:before {
  left: 0;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  bottom: -3px;
  content: "";
  position: absolute;
}

/* line 1200, app/assets/stylesheets/application.css.sass */
.pricing-table .plan-ribbon:after {
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  bottom: -3px;
  content: "";
  position: absolute;
  right: 0;
}

/* line 1207, app/assets/stylesheets/application.css.sass */
.pricing-table [class*="col-md-"] {
  padding-left: 0;
  padding-right: 0;
}

/* line 1210, app/assets/stylesheets/application.css.sass */
.pricing-table .plan {
  background: #FFF;
  border: 1px solid #ddd;
  border-radius: 5px;
  color: #333;
  margin-bottom: 35px;
  margin-right: 0;
  padding: 20px;
  position: relative;
  text-shadow: 0 1px rgba(255, 255, 255, 0.8);
}

/* line 1220, app/assets/stylesheets/application.css.sass */
.pricing-table .btn {
  margin-top: 5px;
}

/* Pricing Tables Boxed */
/* line 1226, app/assets/stylesheets/application.css.sass */
html.boxed .pricing-table .plan, html.boxed .pricing-table h3 {
  border-radius: 0;
}

/* Responsive */
@media (max-width: 767px) {
  /* Pricing Tables */
  /* line 1232, app/assets/stylesheets/application.css.sass */
  .pricing-table {
    margin-left: 0px;
  }
  /* line 1234, app/assets/stylesheets/application.css.sass */
  .pricing-table .plan {
    margin-right: 0;
  }
  /* line 1236, app/assets/stylesheets/application.css.sass */
  html.boxed .pricing-table {
    margin-left: 0;
  }
}

/* Featured Box */
/* line 1241, app/assets/stylesheets/application.css.sass */
.featured-box {
  background: #F5F5F5;
  background-color: transparent;
  background: -webkit-linear-gradient(top, white 1%, #f9f9f9 98%) repeat scroll 0 0 transparent;
  background: linear-gradient(to bottom, white 1%, #f9f9f9 98%) repeat scroll 0 0 transparent;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom: 1px solid #DFDFDF;
  border-left: 1px solid #ECECEC;
  border-radius: 8px;
  border-right: 1px solid #ECECEC;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.04);
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  min-height: 100px;
  position: relative;
  text-align: center;
  z-index: 1;
}

/* line 1262, app/assets/stylesheets/application.css.sass */
.featured-box h4 {
  font-size: 1.3em;
  font-weight: 400;
  letter-spacing: -0.7px;
  margin-top: 5px;
  text-transform: uppercase;
}

/* line 1268, app/assets/stylesheets/application.css.sass */
.featured-box .box-content {
  border-radius: 8px;
  border-top: 3px solid #33B8FF;
  border-top-width: 4px;
  padding: 30px 30px 10px 30px;
}

/* line 1273, app/assets/stylesheets/application.css.sass */
.featured-box .learn-more {
  display: block;
  margin-top: 10px;
}

/* Featured Boxes */
/* line 1279, app/assets/stylesheets/application.css.sass */
.featured-boxes .featured-box {
  margin-bottom: 30px;
  margin-top: 45px;
}

/* line 1282, app/assets/stylesheets/application.css.sass */
.featured-boxes .featured-box.info-content {
  text-align: left;
}

/* Primary */
/* line 1288, app/assets/stylesheets/application.css.sass */
.featured-box-primary i.icon-featured {
  background-color: #E36159;
}

/* line 1290, app/assets/stylesheets/application.css.sass */
.featured-box-primary h4 {
  color: #E36159;
}

/* line 1292, app/assets/stylesheets/application.css.sass */
.featured-box-primary .box-content {
  border-top-color: #E36159;
}

/* Secundary */
/* line 1298, app/assets/stylesheets/application.css.sass */
.featured-box-secundary i.icon-featured {
  background-color: #CCC;
}

/* line 1300, app/assets/stylesheets/application.css.sass */
.featured-box-secundary h4 {
  color: #CCC;
}

/* line 1302, app/assets/stylesheets/application.css.sass */
.featured-box-secundary .box-content {
  border-top-color: #CCC;
}

/* Tertiary */
/* line 1308, app/assets/stylesheets/application.css.sass */
.featured-box-tertiary i.icon-featured {
  background-color: #2BAAB1;
}

/* line 1310, app/assets/stylesheets/application.css.sass */
.featured-box-tertiary h4 {
  color: #2BAAB1;
}

/* line 1312, app/assets/stylesheets/application.css.sass */
.featured-box-tertiary .box-content {
  border-top-color: #2BAAB1;
}

/* Quartenary */
/* line 1318, app/assets/stylesheets/application.css.sass */
.featured-box-quartenary i.icon-featured {
  background-color: #734BA9;
}

/* line 1320, app/assets/stylesheets/application.css.sass */
.featured-box-quartenary h4 {
  color: #734BA9;
}

/* line 1322, app/assets/stylesheets/application.css.sass */
.featured-box-quartenary .box-content {
  border-top-color: #734BA9;
}

/* Featured Boxes - Login */
/* line 1328, app/assets/stylesheets/application.css.sass */
.featured-boxes.login {
  margin-top: -30px;
}

/* line 1330, app/assets/stylesheets/application.css.sass */
.featured-boxes.login .featured-box {
  text-align: left;
}

/* line 1332, app/assets/stylesheets/application.css.sass */
.featured-boxes.cart .featured-box {
  text-align: left;
}

/* line 1334, app/assets/stylesheets/application.css.sass */
.featured-boxes .featured-box-cart {
  margin-top: 0;
}

/* Feature Box */
/* line 1339, app/assets/stylesheets/application.css.sass */
.feature-box {
  clear: both;
}

/* line 1341, app/assets/stylesheets/application.css.sass */
.feature-box .feature-box-icon {
  background: #CCC;
  border-radius: 35px;
  color: #FFF;
  display: inline-block;
  float: left;
  height: 35px;
  line-height: 35px;
  margin-right: 10px;
  position: relative;
  text-align: center;
  top: 5px;
  width: 35px;
}

/* line 1354, app/assets/stylesheets/application.css.sass */
.feature-box .feature-box-info {
  padding-left: 50px;
}

/* line 1357, app/assets/stylesheets/application.css.sass */
.feature-box.secundary h4 {
  color: #0e0e0e;
}

/* line 1359, app/assets/stylesheets/application.css.sass */
.feature-box.secundary .feature-box-icon {
  background: transparent;
  width: 50px;
  height: 50px;
}

/* line 1363, app/assets/stylesheets/application.css.sass */
.feature-box.secundary .feature-box-icon i.fa {
  font-size: 28px;
}

/* line 1365, app/assets/stylesheets/application.css.sass */
.feature-box.secundary .feature-box-info {
  padding-left: 60px;
}

/* Secundary */
/* Icon Featured */
/* line 1372, app/assets/stylesheets/application.css.sass */
.icon-featured {
  border-radius: 100%;
  color: #FFF;
  font-size: 40px;
  line-height: 110px;
  margin: 25px 0;
  padding: 25px;
  display: inline-block;
  padding: 0;
  width: 110px;
  height: 110px;
}

/* Thumb Info */
/* line 1386, app/assets/stylesheets/application.css.sass */
.thumb-info {
  display: block;
  overflow: hidden;
  position: relative;
  text-decoration: none;
  max-width: 100%;
}

/* line 1393, app/assets/stylesheets/application.css.sass */
.thumb-info:hover .thumb-info-action-icon {
  right: 0;
  top: 0;
}

/* line 1396, app/assets/stylesheets/application.css.sass */
.thumb-info:hover .thumb-info-action {
  filter: alpha(opacity=100);
  opacity: 1;
}

/* line 1399, app/assets/stylesheets/application.css.sass */
.thumb-info:hover .thumb-info-title {
  background: #000;
}

/* line 1401, app/assets/stylesheets/application.css.sass */
.thumb-info .thumb-info-action-icon {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  background: #CCC;
  border-radius: 0 0 0 25px;
  display: inline-block;
  font-size: 25px;
  height: 50px;
  line-height: 50px;
  position: absolute;
  right: -100px;
  text-align: center;
  top: -100px;
  width: 50px;
}

/* line 1416, app/assets/stylesheets/application.css.sass */
.thumb-info .thumb-info-action-icon i {
  font-size: 24px;
  left: 3px;
  position: relative;
  top: -4px;
}

/* line 1421, app/assets/stylesheets/application.css.sass */
.thumb-info .thumb-info-action {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  background: rgba(36, 27, 28, 0.9);
  bottom: 0;
  color: #FFF;
  filter: alpha(opacity=0);
  height: 100%;
  left: 0;
  opacity: 0.0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}

/* line 1436, app/assets/stylesheets/application.css.sass */
.thumb-info .thumb-info-inner {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  display: block;
  white-space: nowrap;
}

/* line 1442, app/assets/stylesheets/application.css.sass */
.thumb-info .thumb-info-title {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  background: rgba(36, 27, 28, 0.9);
  bottom: 10%;
  color: #FFF;
  font-size: 18px;
  font-weight: 700;
  left: 0;
  letter-spacing: -1px;
  padding: 9px 11px 9px;
  position: absolute;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
  text-transform: uppercase;
  z-index: 1;
}

/* line 1458, app/assets/stylesheets/application.css.sass */
.thumb-info .thumb-info-type {
  background-color: #CCC;
  border-radius: 2px;
  display: inline-block;
  float: left;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0;
  margin: 8px -2px -15px -2px;
  padding: 2px 9px;
  text-transform: none;
}

/* line 1469, app/assets/stylesheets/application.css.sass */
.thumb-info img {
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  transition: all 0.2s linear;
  border-radius: 3px;
  position: relative;
}

/* line 1475, app/assets/stylesheets/application.css.sass */
.thumb-info:hover img {
  -webkit-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}

/* Thumb Info Caption */
/* line 1484, app/assets/stylesheets/application.css.sass */
.thumb-info-caption {
  padding: 10px 0;
}

/* line 1486, app/assets/stylesheets/application.css.sass */
.thumb-info-caption p {
  font-size: 0.9em;
  line-height: 20px;
  margin: 0 0 8px;
  padding: 10px;
}

/* Thumb Info Social Icons */
/* line 1494, app/assets/stylesheets/application.css.sass */
.thumb-info-social-icons {
  border-top: 1px dotted #DDD;
  margin: 0;
  padding: 15px 0;
  display: block;
}

/* line 1499, app/assets/stylesheets/application.css.sass */
.thumb-info-social-icons a {
  background: #CCC;
  border-radius: 25px;
  display: inline-block;
  height: 30px;
  line-height: 30px;
  text-align: center;
  width: 30px;
}

/* line 1507, app/assets/stylesheets/application.css.sass */
.thumb-info-social-icons a:hover {
  text-decoration: none;
}

/* line 1509, app/assets/stylesheets/application.css.sass */
.thumb-info-social-icons a span {
  display: none;
}

/* line 1511, app/assets/stylesheets/application.css.sass */
.thumb-info-social-icons a i {
  color: #FFF;
  font-size: 0.9em;
  font-weight: normal;
}

/* Thumb Info Secundary */
/* line 1519, app/assets/stylesheets/application.css.sass */
.thumb-info.secundary .thumb-info-title {
  background: transparent;
  bottom: auto;
  left: 0;
  right: 0;
  top: 35%;
  text-align: center;
  opacity: 0;
}

/* line 1527, app/assets/stylesheets/application.css.sass */
.thumb-info.secundary .thumb-info-type {
  float: none;
}

/* line 1529, app/assets/stylesheets/application.css.sass */
.thumb-info.secundary:hover .thumb-info-title {
  top: 42%;
  opacity: 1;
}

/* Responsive */
@media (max-width: 991px) {
  /* line 1536, app/assets/stylesheets/application.css.sass */
  .thumb-info .thumb-info-title {
    font-size: 14px;
  }
  /* line 1538, app/assets/stylesheets/application.css.sass */
  .thumb-info .thumb-info-more {
    font-size: 11px;
  }
}

/* Timeline */
/* line 1543, app/assets/stylesheets/application.css.sass */
section.timeline {
  width: 75%;
  margin: 50px 13% 0;
  position: relative;
  float: left;
  padding-bottom: 120px;
}

/* line 1549, app/assets/stylesheets/application.css.sass */
section.timeline:after {
  background: #505050;
  background: -moz-linear-gradient(top, rgba(80, 80, 80, 0) 0%, #505050 8%, #505050 92%, rgba(80, 80, 80, 0) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1e5799), color-stop(100%, #7db9e8));
  background: -webkit-linear-gradient(top, rgba(80, 80, 80, 0) 0%, #505050 8%, #505050 92%, rgba(80, 80, 80, 0) 100%);
  background: -o-linear-gradient(top, rgba(80, 80, 80, 0) 0%, #505050 8%, #505050 92%, rgba(80, 80, 80, 0) 100%);
  background: -ms-linear-gradient(top, rgba(80, 80, 80, 0) 0%, #505050 8%, #505050 92%, rgba(80, 80, 80, 0) 100%);
  background: linear, to bottom, rgba(80, 80, 80, 0) 0%, #505050 8%, #505050 92%, rgba(80, 80, 80, 0) 100%;
  content: "";
  display: block;
  height: 100%;
  left: 50%;
  margin-left: -2px;
  position: absolute;
  top: -60px;
  width: 3px;
  z-index: 0;
  filter: alpha(opacity=35);
  opacity: 0.35;
}

/* line 1568, app/assets/stylesheets/application.css.sass */
section.timeline .timeline-date {
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.04);
  position: relative;
  display: block;
  clear: both;
  width: 200px;
  height: 45px;
  padding: 5px;
  border: 1px solid #E5E5E5;
  margin: 0 auto 10px;
  text-shadow: 0 1px 1px #fff;
  border-radius: 4px;
  background: #FFF;
  z-index: 1;
}

/* line 1582, app/assets/stylesheets/application.css.sass */
section.timeline .timeline-date h3 {
  display: block;
  text-align: center;
  color: #757575;
  font-size: 0.9em;
  line-height: 32px;
}

/* line 1588, app/assets/stylesheets/application.css.sass */
section.timeline .timeline-title {
  background: #F4F4F4;
  padding: 12px;
}

/* line 1591, app/assets/stylesheets/application.css.sass */
section.timeline .timeline-title h4 {
  padding: 0;
  margin: 0;
  color: #171717;
  font-size: 1.4em;
}

/* line 1596, app/assets/stylesheets/application.css.sass */
section.timeline .timeline-title a {
  color: #171717;
}

/* line 1598, app/assets/stylesheets/application.css.sass */
section.timeline .timeline-title .timeline-title-tags {
  color: #B1B1B1;
  font-size: 0.9em;
}

/* line 1601, app/assets/stylesheets/application.css.sass */
section.timeline .timeline-title .timeline-title-tags a {
  color: #B1B1B1;
  font-size: 0.9em;
}

/* line 1604, app/assets/stylesheets/application.css.sass */
section.timeline .timeline-box {
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.04);
  border: 1px solid #E5E5E5;
  border-radius: 4px;
  margin: 20px 10px 10px 10px;
  padding: 10px;
  position: relative;
  width: 45.7%;
  float: left;
  z-index: 1;
  margin-bottom: 30px;
  background: #FFF;
}

/* line 1616, app/assets/stylesheets/application.css.sass */
section.timeline .timeline-box.left {
  clear: both;
}

/* line 1618, app/assets/stylesheets/application.css.sass */
section.timeline .timeline-box.left:before {
  background: none repeat scroll 0 0 #E5E5E5;
  border-radius: 50%;
  box-shadow: 0 0 0 3px #FFF, 0 0 0 6px #E5E5E5;
  content: "";
  display: block;
  height: 7px;
  margin-right: -5px;
  position: absolute;
  right: -6.8%;
  top: 22px;
  width: 8px;
}

/* line 1630, app/assets/stylesheets/application.css.sass */
section.timeline .timeline-box.left:after {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  background: #FFF;
  border-right: 1px solid #E5E5E5;
  border-top: 1px solid #E5E5E5;
  content: "";
  display: block;
  height: 14px;
  position: absolute;
  right: -8px;
  top: 20px;
  width: 14px;
  z-index: 0;
}

/* line 1647, app/assets/stylesheets/application.css.sass */
section.timeline .timeline-box.right {
  clear: right;
  float: right;
  right: -1px;
  margin-top: 40px;
}

/* line 1652, app/assets/stylesheets/application.css.sass */
section.timeline .timeline-box.right:before {
  background: none repeat scroll 0 0 #E5E5E5;
  border-radius: 50%;
  box-shadow: 0 0 0 3px #FFF, 0 0 0 6px #E5E5E5;
  content: "";
  display: block;
  height: 7px;
  margin-left: -5px;
  position: absolute;
  left: -7.2%;
  top: 32px;
  width: 8px;
}

/* line 1664, app/assets/stylesheets/application.css.sass */
section.timeline .timeline-box.right:after {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  background: #FFF;
  border-left: 1px solid #E5E5E5;
  border-bottom: 1px solid #E5E5E5;
  content: "";
  display: block;
  height: 14px;
  position: absolute;
  left: -8px;
  top: 30px;
  width: 14px;
  z-index: 0;
}

/* line 1681, app/assets/stylesheets/application.css.sass */
section.timeline .timeline-box .img-thumbnail {
  border-radius: 0;
  padding: 0;
  border: 0;
}

/* line 1685, app/assets/stylesheets/application.css.sass */
section.timeline .timeline-box .img-thumbnail img {
  border-radius: 0;
  padding: 0;
  border: 0;
}

/* line 1689, app/assets/stylesheets/application.css.sass */
section.timeline .timeline-box .thumb-info {
  float: left;
  margin-bottom: -5px;
}

/* line 1692, app/assets/stylesheets/application.css.sass */
section.timeline .timeline-box .owl-carousel {
  border-radius: 0;
  padding: 0;
  border: 0;
  box-shadow: none;
}

/* Responsive */
@media (max-width: 991px) {
  /* line 1700, app/assets/stylesheets/application.css.sass */
  section.timeline .timeline-box {
    float: none;
    clear: both;
    right: auto;
    left: auto;
    margin: 25px auto;
    max-width: 70%;
    width: auto;
  }
  /* line 1708, app/assets/stylesheets/application.css.sass */
  section.timeline .timeline-box.right {
    float: none;
    clear: both;
    right: auto;
    left: auto;
    margin: 25px auto;
    max-width: 70%;
    width: auto;
  }
  /* line 1716, app/assets/stylesheets/application.css.sass */
  section.timeline .timeline-box.left:after, section.timeline .timeline-box.right:after, section.timeline .timeline-box.left:before, section.timeline .timeline-box.right:before {
    display: none;
  }
}

@media (max-width: 479px) {
  /* line 1720, app/assets/stylesheets/application.css.sass */
  section.timeline {
    width: auto;
    float: none;
    margin-left: 0;
    margin-right: 0;
  }
  /* line 1725, app/assets/stylesheets/application.css.sass */
  section.timeline .timeline-box {
    margin: 15px auto;
    max-width: 90%;
  }
  /* line 1728, app/assets/stylesheets/application.css.sass */
  section.timeline .timeline-box.right {
    margin: 15px auto;
    max-width: 90%;
  }
  /* line 1731, app/assets/stylesheets/application.css.sass */
  article.post-large {
    margin-left: 0;
  }
  /* line 1733, app/assets/stylesheets/application.css.sass */
  article.post-large .post-image, article.post-large .post-date {
    margin-left: 0;
  }
}

/* Testimonials */
/* line 1738, app/assets/stylesheets/application.css.sass */
blockquote.testimonial {
  background: #CCC;
  border-radius: 10px;
  border: 0;
  color: #666;
  font-family: Georgia, serif;
  font-style: italic;
  margin: 0;
  padding: 10px 50px;
  position: relative;
}

/* line 1748, app/assets/stylesheets/application.css.sass */
blockquote.testimonial:before {
  left: 10px;
  top: 0;
  color: #FFF;
  content: "\201C";
  font-size: 80px;
  font-style: normal;
  line-height: 1;
  position: absolute;
}

/* line 1757, app/assets/stylesheets/application.css.sass */
blockquote.testimonial:after {
  color: #FFF;
  content: "\201C";
  font-size: 80px;
  font-style: normal;
  line-height: 1;
  position: absolute;
  bottom: -0.5em;
  content: "\201D";
  right: 10px;
}

/* line 1767, app/assets/stylesheets/application.css.sass */
blockquote.testimonial p {
  color: #FFF;
  font-family: Georgia, serif;
  font-style: italic;
  font-size: 1.2em;
  line-height: 1.3;
}

/* Testimonials Arrow */
/* line 1776, app/assets/stylesheets/application.css.sass */
.testimonial-arrow-down {
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-top: 15px solid #CCC;
  height: 0;
  margin: 0 0 0 25px;
  width: 0;
}

/* Testimonials Author */
/* line 1786, app/assets/stylesheets/application.css.sass */
.testimonial-author {
  margin: 8px 0 0 8px;
}

/* line 1788, app/assets/stylesheets/application.css.sass */
.testimonial-author .img-thumbnail {
  float: left;
  margin-right: 10px;
  width: auto;
}

/* line 1792, app/assets/stylesheets/application.css.sass */
.testimonial-author .img-thumbnail img {
  max-width: 60px;
}

/* line 1794, app/assets/stylesheets/application.css.sass */
.testimonial-author strong {
  color: #111;
  display: block;
  padding-top: 7px;
}

/* line 1798, app/assets/stylesheets/application.css.sass */
.testimonial-author span {
  color: #666;
  display: block;
  font-size: 12px;
}

/* line 1802, app/assets/stylesheets/application.css.sass */
.testimonial-author p {
  color: #999;
  margin: 0 0 0 25px;
  text-align: left;
}

/* Social Icons */
/* line 1809, app/assets/stylesheets/application.css.sass */
ul.social-icons {
  margin: 0;
  padding: 0;
  width: auto;
}

/* line 1813, app/assets/stylesheets/application.css.sass */
ul.social-icons li {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAeeCAYAAADgJ4T0AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAKJgAACiYBUampMwAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAAWdEVYdENyZWF0aW9uIFRpbWUAMDkvMDgvMTK55NoxAAAgAElEQVR4nOyde3xU5Z3%2F37nOTDIhFyYkA5JkAgRDUCBRCoOKiDZcjEpwrUAp1Vq2oqWssWsr4o9fse66hd39UaCrZaHUJtJ2E2wpYKyYxjVDvBBACYFAZkiQTEImN2aSM5Pb%2FP4Y5yRDLnNmGKTI%2BbxeeWXmnDPnfZ7reZ7zPd%2FvE%2BR0Op1cBwVfD6gMlsEy%2BKsDl5SUsHTpUt544w0MBgNLly5ly5Yt1x48lFpbWwMCDpVykNVqZcaMGfzsZz9DpVIFHmw2m8WsNJvN4vaoqCiMRiO7d%2B9m8eLFCILA1q1bAbDZbKjVagDWrl3LmTNnKC4uFvdptVqsVisbN25Eq9WK5xyU1SaTCZPJxNy5c9HpdOL29vZ2TCYTZ8%2Bepb29HYvFgs1mY%2B7cudhsNiwWi7jdYrEQFRVFZmYmJpMJi8UyKMVDlrFSqWT16tUsWrRoxOzS6XSsXr2azMzMQftyc3PJy8tDqVQO%2Bdtr3pzcxXClhq1clZWVnD9%2FfsST2u12DAaDR31w6%2BTJk4CrnCWD7XY7L7%2F8ssc2h8MBuGq4WyaTadh2XVxcLFayoRR05QhkqKuPiYkBoK2tjZiYGI8mJQgCO3bswGAw8OyzzzJv3jyPfU899RR2u51t27Z51OpBKR6480q5gWazGZPJBEB0dLTHxRqNRhoaGoiOjqa9vX3Yc0nqQK7U6dOn2bZt26DtCoWC9957b8QsdmtQVkuRIAi0tbUN2j6wSK7UlTnpFzgQ%2Bvu8LcpgGXxDgkPv%2F2XF9QHXtzuuC%2FjmK2MZLIMRuvoQuvoGfb5mYKGrj8UZGj59fgZ5D9%2FCXRNi%2BPT5Gfz70kkBgQ8LbrJ1EakIYfSoCMaFqohWhjJ6VATJCYqrhsIQg72Bqelw9AIwOqSXA5UW2u09GC3CoOPcUoUHD5sbqnDPNIpgoauPCfEqdj6WCkCUKpzRoyIAaO4N4a4JMfxg3lj%2BXNFMqkbFvyxOxip0kahU0WAXiFKF89MDtdyeFsGDt0QTpQqnJ1yF8OUQ96k%2FGKlpEsQLGJTVKQkxpCTE8IHJRkVNvbg9WhlKZmI008apxWxPSYhh57kG8SKjlaGMC1WRkhBDbWc3hjNN4vmu1LBlvHJPJf%2F18fADcoAPTpr5Sb6RyrrBx%2F1XST0r91TSfLlzyN9es3YcrRx5rjDs3uV3JnJ7WsSIP06KV7H8zkSS4gc%2FntCnRtNu7xHriWTwG8vShwW223sAV314Y9ng8gNYMm0MS6aNGfYcQembDB4zibHRQ7fT%2BnaHuG%2Fg4EHo6mPPY6ncM1XLxoNG9pSbxZo7NlrB71fdyuhREdz%2FywqPWj0oxTVNwpBgVXiwuG9CvIoZt0SJKVdr%2BrNz4D537R9Kg8BXNvQr99W12Fk1S8vGRamD9nc4ennmnltGzGK3BmW1VA1VJAOLY6h9A%2BXX%2FBiGLpKBxTHUvoCAhyuSkYpqoP5%2BBwIyWAb7q6%2FkqY%2FRaCQ11bOnkx83yWAZHDD5fFs0m82cPn0as9mMUqlk8uTJZGRk%2BAz2qR2%2F8cYbFBcXo9FoyMrKoq6ujqamJqKiolizZs2gTmJEOSWos7PTuX79emdeXp4zPz%2FfuXr1amd9fb247%2FXXX3fm5uY6T548KeV0TqfT6ZRUxvv27aOpqYlNmzaxfPlysrKyROuL%2B2m8Tqdj69atQxpThpJXsNlsprS0lBdeeEE0huTk5Ih2yC1btqBWq9m0aRPx8fGUlJRIAnutXCaTCZvNxvHjxykvLxdTpNVqqaioYPPmzaK9YdGiRRQVFbF8%2BfKrBzc0NKBWq7Hb7SiVSjIzM0lOTkYQBF599VX2798vHltXV%2BcVKBkMEB8f75GKgoICKioqUKvVHD16lMcffxyFQoHVapVcxl7BkydPpri4GEFwjZc3bNiAUqkkLy%2BPlpYWdu%2FezaxZs1CpVF5tkT6BMzIyiI%2BP580338RqtaLVasnLywP67UxmsxmVSsWBAwd48cUXJYEldSBGo5Ef%2F%2FjHKJVK8vPzPfa98cYbAFRXV5OWlsbq1asDBwaXWXfr1q3Ex8czf%2F58xoxxTcx2796NyWQiOzublStXSn6HwKcu02w2s3%2F%2Ffqqrq7FarURFRaHValmwYIHP%2FbXftkW3%2FH1LQh7syWAZfOODQy%2F%2F02%2BvD7jv0siPhq%2BVbr4ylsFfmfx6lunssHt8D4oc%2BvW4gIGdHXbC7phAqCoG0qIB6DlRS0%2FVRZwddp8uQBLYfVLV9%2B5DmZNFX7OFntMW%2BkaFEaFPxtnei1BQRvenNZLhkso4KFKJ8ieLCMu4Bfv%2BowB07vgrwoYiLq99i15zK%2BqXcgm7Y8KgYrgqsPJxPeFjo7Fu%2BAPCf79Pz2kLUZse80hdr7GRiKfvCVyKQ9PHEa5PpvNXH4ip6So5RfC4aJQ%2FWUTUpsfoa%2BnAuuEPONt7UT6ulwQesYydHXZCVTEEqdWETksmdFoywXGR9I0Ko%2B9iO4q0cXT84iDdn9YA0L2vkrAlGUjJbK%2BVq2uygvAB71b2ldfTI7TRA4T%2BcDHh86YQPm%2BKa9%2BoMIKiQyRgJdbqrvp2hP9%2BH%2Fiyoj2uJyzjFoJ6rHCrhq7ffAZA8KyxOCN7rx4cFKkk%2BHgj4bMnY%2F%2By0kRteozuDhvWDX8gNH0cquVzsFdU4uywo0qLpm9U2NWDAVfn0N5LxJoHAOg1t2Lf8VecHXZ6qi4SFB1CaPo4eqouovhmBh2%2FOCgJ7LVWOzvsCAVlhM%2B5lbA7Uuj8Eure13PaQvi8Ka6c%2BPQ8PVUXJYGDWpdv9TqFcXeVEU%2Ffg7O9l%2B59lfQIrqc9quVzCElNoKvsNJ07%2FioJKhnshrsrVrg%2BWdzec9pCV8kpySn1GTwQLnX7SPLpfjzcyf25Ld58IxAZLIOvmeSnPjJYBstgv%2BXX%2FNhsNlNQUCBaXPLy8kb0GgoYuKSkBIPBIH4f%2BOD8moLdKdXr9SxZssQ3K%2BqX8rmMB6ZOq9X6BQU%2FbhLPP%2F88ZrNZNPmp1WpeeOEFny%2FA56y2Wq3Y7a6ZhPu%2FPwYRn1NsNpvZvn07VVVVPtuaBsrnMtZqtcTGxgKg0Wj8Nv9cVQfizuqvHHw1ksGSpNVq0Wg0PvfPAyWPMmWwDL7xwUGPrs2%2FLu04tP7S5evBvQnLWAZ%2F%2FcF%2BO2h0dfcbPcLDpFlergrc1d1LZKqSVx79JomJUagUYTz%2F%2BnvUftbo0wX4leInvpnJvJn9U5YoZbjP5%2FALnDTKZcIt%2BdjI9ncqMFdZfM5unyuXYly%2F41Td5XZqP2v09RT%2BgX%2Bd96CYzQ%2FOnMw7u55Am67xqGzXBDwmJlL8PJzb2DUBL33lLT446XoiUGQ4xcMbfv%2FVlHGH0U5vp%2BupgLXTgePi0J6YAQf701kEBBwoyWBJqrvczvnGNpqt%2FlUsgCD947%2FyeZR5tXcm8LOvDkTNvrHKWAbLYCmSn%2FrIYBksg2Xw3z9Y8tCnpKSEAwcOAC5jZm5uLuCyNb755pvU1dURGxsr2fdJErioqMjDpcwdOXLhwoXs2LFDDFFqNBrZtWsXy5Yt8wqXlNVDRYMsLi7m2LFjREVFialPTU3lySef5J133vF6Tkng4cKLXo0kgRcvXjxomzs8rdVqpbKyEnCV9759%2B5g9e7bXc0oaCLgrUGlpKXa73cOKajQa2bdvn3hsZmamR3jSqwIPvAAYbC8WBEF0mpRqBJOHPjJYBstgGSxZoS3zC64PuPei1ftR10A3XxnLYBksg298sOTZYtT3JxG2xDUR695XifXXZwEIGRdFxLrJLrfClg56TtQi%2FK4pMOCo709CmXef%2BD0kLwEA66%2FPErFuMlS30%2F7rTwkZF4X6Z5nAKa9wSVkd%2Ft3bh9ym%2Bna8eAEAvRet2F6uIHRa8qDj%2FQJ3hUZJOaz%2FpHGR3o%2BRdKYPTg6%2BGIOrLIPjIsWUA0Ssm0xfef2g469U0KXJ%2FyVp7hT1iztQfNNVuRzvVmL98adAf%2BUSVd0uZn1AwG4IuMrSl31DySe700gn9XUkc%2FP1XDJYBsvgGx8sP2CTwTL4JgYLguCX995Vg8vLyz1sEV8Z%2BMCBA5SWlvqdar%2FARqNRXFXw2LFjXx24vLxc%2FHzkyJGvBiwIAqWlpeL3iooKjEbjtQeXl5d7LNxot9s5fvz4tQcfPnwYcMW51Wg0ABgMBp8rmU9gd6UCeOKJJ1i7di06nQ6TyeRzJfMJ%2FN5772G321m6dClxcXHExcWRmZmJTqfj4EFp0W18BguCwNGjrkhVp06dErcrlUqUSiUmk8mnSiZ5tjiwUlVVVdHS0gLgYUkvLy%2BX7JUrOcXuSjVQly5d8vheUVEhuZJJHuxdeUK3KXe47QEDB1o33v1YBsvgv1tw0Px%2Fyro%2BfovWTjkmqgyWwf3q6u6%2BPuDxCd6tLQEFd3V3k31nDt97%2BDG%2FU%2B0XODwsjAULv41%2B8qOEh4X5BfcZ3NXdzfSJd6Ifm0l8TALZd%2Bb4DPULDLDo7jni53mpOX6l2idwV3c34xOS0U9%2BVNw2O1NPQtxYn6A%2BgwGmT8giPiZB%2FK6MVvC9hx%2B7tuDwsDAenr4CAEN9BdWtrilLetpCwsOkhST1GeyuVJlTXWa%2BPQWb2fLfL2E0GkmLTSX7zhyfytmnFC%2B6ew5BCiV%2F%2Bmg75paLmFsu8nnTIYxGo5gTAQVfWanix3u%2BW9ugbCNzagYz0%2FWSUy15tjiwUunHZqKNGwfAw994Rjxm0d1z%2BLjKMOTvr5TXFHd1d3tUqoFKiE30%2BO6uZFJSHTTzHydKGuwNbKuNLfVDbr9y30iSnNUXGms9vrubz3DbAwYe7oS%2Btl%2B3bswRiAyWwSNJfuojg2XwjQ%2F26bUqo9FIbW2tuNZibGwsycnJ4sPxkpIScc02b5Kc4qKiIsrLyxkzZgxms1l8Mq%2FVahEEgcrKSvbu3cuxY8ckPSyXBK6srKSwsJB58%2BaRkZHBmjVr0Gg0HD58GJVKRXl5OVu3bsVisbB9%2B3YOHTrk9ZySsvrEiRNA%2F0p0KpWKrKws0ag5a9YsFAoFe%2Fbs4fHHH%2BfWW2%2F1ek5JKU5JScFut3vYFK1WK3PnzkWlUqFSqdDr9cydO5dZs2ZJ8vKSlGK9Xs%2FJkyfZuXMnCoUCh8O1QvfKlSs9jpOyzqIoyYtgOp3Ompoacf3MmpoaX346SD61Y61Wy6RJkwDXOptXY6qX7D7oNstrtVrMZjOFhYWkp6ezfv16%2F%2BKiesuSzs5OZ15envP11193dnZ2itvLysqcubm5zrKysmuT1eXl5ZhMJnJycjxSptfrSU9PFyuar%2FIKdq%2BruH%2F%2Ffo8yraysJDY2VlKbHUqSyrikpIS9e%2FcSHx%2FPlClTUCqV2O125s2b53d4Up9si%2B5VYWNiYvwOtOszONC6%2BQYCMlgGXzMFmXIfvD62xS57y%2FXg3oRlLIO%2FMvk0aesTBkfJCFapPfYP%2FB4w8KjMewlJ0hKqcfk39Via6Dldg%2FX0xwSr1MQ%2BsgyhtAx7a53XC5Cc1aNXPEnErDn01pmJnjiW0cu%2FR0hoJB21pwhWqVGn30H8iqdQzZ2DMjbJ6%2Fm8gvsEG4rpDxCb%2FTAtf3mL%2BqJ3%2BeK1HfQ1W4icPYc%2BwUZ0dg6JP91A8GgNY%2F5xHVFLHxmyWAZKUlarM8a7rtLagzolHHtrHZc%2FMTDqTj3BKjXtxfuxN9oZ%2F9yzNOXvRCgtC0xW2yovEDxag2puv01RHRfG5U9cho8%2BwYbj%2BF9pLf6TWMbe5DXFwSo1juN%2Fpe2dTOJXPAVASGgktpZu2n79a%2FEYgOb8XR7fR1LQmUV6yXenyOQpRD6UQ8yCh7i45vtibfZHkrK6T7DRJ9joqD1Fj9Fl%2FIj7%2FtOEJ6V6rUTDyWuK%2BwQbytgkYpa5JuGOeiOKsanEPPoYwrEKLrz0Q7%2FAXss4PCmVxLzN2C9WcumXr4kX46g3krD2J0Rn59D69ls%2BZ%2FmIWd0n2IjM%2FAbK2ybQ8ef9XK7qHzS0vv0WwrEKn2AD5TXFvXWuGLeRD%2BUwqvaU2B%2Br0%2B%2FA0fgFHRUf%2BQWWVKujs3OI%2F4d%2FwNHQjqPmHL1dLufI9nf%2FQled0a%2BaLQnsrmB9Uf0Z1NN0yae70ZWS1GUGq9R02Vu4ciVWf6FwM45AZLAMvmYa8alPr21k9%2B0QtW9u%2FpLB11I3XxnL4K8%2FWHLYSrefkzfpdDoxmuRVg00mk8cyh4GQJLD7KXx6ejqZmZlDHlNRUUFVVZXkJ%2FaSwEqlaynp%2BfPnM2%2FevGE9fqqqqsRjAwJ2r71nNpsRBIF169ZhsVg8IO7l8RITE4c8h19ghUIBuCKFqlQqVq1aRUNDg3hB4HIZlVoBJYOjo12Lk1RXV1NZWYlOp2PGjBm0tbWJhpGKigpMJpN4bEDAcXFxKJVKzGYzJ06coLS0VPRv0%2Bv15OXlieb7uLi4wIHdUqvVLF%2B%2BHK1Wy969ewHEWm61%2BhZ6RRI4JiYGrVaLyWSisrKSefPmiRY2rVZLZWUlFosFnU4nWtUDAh6oV199FZ1OJ6bUXba%2BShJYpVKRmZkprh5aVVVFVVWVxzFKpZLMzMxr48Xnfg%2Fk7NmzotdmVlYWkyZN8ngfJODggRouFO01B1%2Btbr6BgAyWwddMQbYfzro%2BtkVnp7zeogz%2BmoEljUCc1lafThoUFev1GEng8H94ntD0b%2BDsGLnpBUWOoqfqI7rf%2Be%2FAgEOS0gnJmOP9QMDZcRkpjkeSwL11VYTOXEhvZRk9VUObAkLTv0FIxhx666qG3O8X2K2eqo%2Fo%2BuNmgq9wDXX3flJzRRLYaW2Fy83i9%2BCEZFQ%2F%2FR3B2gk4Hf2P7IMUX84cLzfjtLZ6rWA%2BpTgkKZ3uzst0H9oFo0a7LmjUaADC5jxMsHaC5HNJK2PLFwAEj08jOO0Oes4OsDd1tNHXWEtIUjrB2gnisQEBO1svubI1PJqQ1GkeqeutLEP4j9UERY7C6bDjbL3k5Ww%2BgAGcNht0tdP1x81wuZmwh%2F8JQKzlQXGJrmMkyis4KCoWOtqgq51g7QRCsh6g2%2FC2mN3OpjqC0%2B4gWDuBPnMNdLQFrucaKNWPXqfv3FExpaHp3yB4Ypavp5FYxp2XuVx2lOiccQQplIRkzBnUZp0OO5fLjhIqcUQTZP3eFEljrqCIUQTdkkaI5hZCpt5F8Pg0APouVNN78kN6LV%2Fg%2FKIaqUMpyWDov0sFRcUSFDHKta3zssd2qfKpjAeeeGDKfAG6dfONQGSwDL5mkp%2F6yGAZLIOvH9hfLy%2B%2FFl4Gl9vRO%2B%2B8g9lsRqvVMnv2bPR6veTf%2B9VlGgwGtm%2FfLpr13FqxYoUkE65PYKPRSHl5OUqlkuLiYo8ooW4plUo2b94cOL9Fs9nMa6%2B9NiRsoOx2OyaTSRJYUuU6cuSIV6hb58%2Bfl3Sc16x%2B4403hlzocSQNXJ1wOI2Y4qKiIp%2Bh4Fp90lv44RHBFRX%2Bv%2FDp7bfXrOfyZrIfETzciwhSNH%2F%2B%2FBH3j9ic3J2Bu916S4Xdbkej0ZCdne11eUvJTrG%2BSIq9UR5lymAZfOODg%2FLy8q5TTFQfX5UJlG6%2BMpbBMvjvD3zl2ua%2BrnXu92wxMzOTe%2B%2B9l9jYWFpbWzl69Kj4jtc1AdtsNubOncv3V32n36yH64UyXyYAksFpaWnodDoA7r5vjgfUrUXzF1NRUUFTU6DWW4yK4jvf%2B7ZHSNKhpIxWkJSUJAksqXLp9XqvULfcwWi8yWuKH3%2F8cUlrz7s1b948Ro0axRtvvDHicSOmWMqMYChlZWWRnZ3tP3j69Ok%2BQ6X%2B9u%2Bv57LZbH4tu%2BJWeXn5iL3ZsJVLrVaLncHd980hPibB452AoRSkUNLU1sj%2Fvl9GaWkpavXwXn5Bq1evlramZpQ0FyOpYzjJPVegB4V%2Ff5VLBsvgGxYsP%2FWRwTJYBvstSQMBg8HAwYMHMZlMqNVqsrOzWbhwocdzabPZTEFBARUVFSxevJglS5aM%2BNxasvlHo9GQlpZGa2srVVVVaDQaNm7cKAZjXbduHeCaYxkMBpYuXTpy4M6RIjwWFhY6c3Nznfn5%2BR6RI2tqapzLly93rl69WowkuXz5cmd9fb2431sgz2HBnZ2dzuXLlztff%2F31IffX1NQ4c3Nzne%2B%2F%2F74IHnhx3jRs5SovL8dut5OTM%2FSaIKmpqaSnp7N37150Oh1qtZoNGzZIXolwWPDZs2e9OsctW7YMi8WCIAhs3LgRpVLJli1bWLduHSUlJf6B1Wq11yFtamoqGo2G9957D61WyyuvvMIvfvEL0tLS2LZt24jwYcHTpk3DYrGMuKKgSqVi7ty5HquJpqamkpeXh16v58CBA76DMzIy0Ol0bN26dcgyKyoqoqioiCVLlgAMGVZ4JAPZiD3XmjVrsNlsrFu3DoPBgNlsxmg0smXLFvLz87FYLGKq8%2FPzxWOKioowGAwjmvm8diBGo5Fdu3Z5%2BCkqlUqWLl0qmgAFQWDHjh0eXtnZ2dmsXr3af7BbZrNZXNwxLi5uSHO80WhEEARUKpVXH0Z5sCeDZbAM9ltBlbHZ18e22Nsq2xZlsAz%2BCsFdOAZ9H2pbwMDuk8V%2F%2B0Em%2FXkrk9reZ0pNEWPzvkvEOK24vwsHo25LJ3n%2Fv5Fh%2BRNjd%2BQROm7kuCAhTzN%2B47A7CWXsjjy0rz5NT5dA12fVBF3qJPaHjxD1wDdwfFiJ%2FZIR1bgkJhZvIzw%2Bju69Jxm1dhGqTiWXSv5GyDAz4WHnxz20kpi3htFP52J%2Bfhtte4vpvGgmHAXK21KZUPIfjM%2FfyNnbv0PkvCy6R8dw4e6nsH1%2BFPUel%2BNVOIphUzxkVnfhQDluAok%2Ff4rmXxXRsGWHCAWwfX6U2pWvorxtAtHffoDe5suE91jpaWkT91%2F%2BfGSPzWHLOHKe66pbfrVv0NWHEkvLoQ%2B4%2FJcyxvzzSuyfncXZ3ovu0H8y%2BtuPoRzn3X9xeLD%2BdhzVF%2BlpaaOPiCGPad5RiPK2CShvn0T1PU%2FRVdtA0psbSftgJ2PzvusfGCAscuQgjbZDH9FrbGRUzl3YL9ZQm%2FPPnL19JR2nzqHd%2FCzR335g2GY2LPjy%2Fg8JSU1AefskgukctD8cBT20IhSUEffkIkJxeXld%2FryKmpzvc%2FkvZST%2B4PFhK9iQ4HAU2A59RFfZaZK2vYBy3AR6aBU7ji4caPKWkZi3hgv%2FtRsATd4yemgd8iKH0rDtuAsH9k%2BqUD%2FzGAn%2FuJCe%2Bg5CnSEoEuJJ%2Bu8NaJ59lK6aL2jeW0j42PGMWb%2BK7pomQpxK4lYuQfPso1xcvw3rZ1VDtuWgzxg%2BQqi7R0p49QdEPZAlmuf7mi00%2FsteLFveAiB0XBzj%2FusnjHqw35ex%2BVdF1K%2FZMmyKRwS74e5OI%2FQWV9xq%2B2dnPdq1%2Bxj1wm8A0PNFE%2FbPh3%2BSIAk88ALc5ddHxJCVpod%2B73t3ZRtO0pc9RAEjdIFSYAP1930%2FlsEy%2BIYCy4%2BbZLAMvvHBXu%2FHRqOR9957T%2FK7PlK9%2BbyCy8vLfXK2am1tlQSWnNXp6emsWLFCcujRgIEXLVpEbm7uVflADZTkMVdRURFHjhwZ5DLmXrPtmoHT0tKYOnUq1dXVLF68mGnTpnHp0iVuvfVWWlpa2L17t0%2FhKyVn9dSpU11vpMbHM23aNDIyMkhOTqalpYWMjAyeeOIJyVDwIcXuxf7sdjvt7e0AvPbaa9hsNnbu3Ck5Fqpbf78diFvu2LdDyZ%2BYmZLBDQ0NmM2uRS0cDof4GfotbL7I69CnoKCAwsJCwLPpXPkZXOWfnp7OK6%2B84hXstYxTUlLQaDTiya%2F8rNFoxGOVSiVTpkzxCoVr4Ld4TaLABlI330BABsvga6bQKW98cH3A7Y6e6wK%2B%2BcpYBn9lkjT0abdLifnZr2hl2NWDMzRqnp6SIhm6v72B4hPeY4eMCG63d%2FNQWgJLpo2RDE5uUEgCSy7jioZ2th2tpfmyF2NHR4ek80kGb6uu5Sfvn6ayrl3qT0aU5HH1y5OTyIlO5J6pntneaHeSoAy6duBjDV3sb29gRmM4f%2FminYqOdpJsagztFm4Zp%2BTlyUmkJEhbWQF8yOr97Q384SMzLc4gKjra%2BcNHZhH6h4%2FM%2FOxMnevAyEhJ55Oc4tHNg8fLb9yXhio6muITFr646Nvk3G9vXIAoVTij%2FShf8CGrm0cPPZtotLvmA30W39Ig%2BejMyGjqlK5BQ5JNzSyly%2BqWoAwiQ6PmlnHXCPxsVjLPZrliGmcu8lyC5d1lM32CSgJXdLR7760GyHCxTdJxQWO3HpYnbTJYBstgvyQ%2F9ZHBMvjGB1%2FVKNMtg8GAw%2BFg1qxZgX1sbDabMZlMzJgxA6PRyFtvvUVSUhIrV65k37594hN8nU7Hpk2bJMElpbigoACDwcCKFSswGAyYTCbRd3Gg5c1kMlFeXi4phoikMs7MzCQ9PZ3JkyeL7kZKpXLIJQ7HjJE2l5aU4uTkZDIzM8nIyCAjIwOtVita26Kjo9m92%2FXCoF6vJyMjIzBgs9nMhg0bPOKdnjp1CkC8kMWLF9Pa2srChQslQSWBTSaTaOYZ6DpWVVWFzWajrq5OdDszGAysWbNG0gp1V9WOi4uLPXzdTCaT15CkbnlNcXR0tBjByL0I4Eiqrq6WBPbJ7vTmm296fV9Ao9Hw%2BuuvewVLXvYQYM6c%2Fhc%2B1Wq132stSga75a7Fbtlstq8GfKXUarWHbREgPj5e0m%2FlwZ4MlsEy2G8Fxc77zfXxW2y97JuDVKB085WxDL7BwI5u158PkjYCufKkirD%2B7YowFs1PZczYbg6%2B18Yls7V%2F%2FwiSlOIx2igWzU8VIaW%2FyWHbxjmgCGNT3kwO%2FOdCdv%2FzQxz61f2M0UZJSn0IY3M2jniEo5sdr9zLv635BkJoLz98LI1Zt45lZtoYhNBelt%2BbRHy0y9akjYvilLmW459dhtCQq09xydEqPjhp5uRnzZw87zJaNl%2Fu5ORnzTRd9nyr4lK992wGiWV8qT6MAx9f4OCHrr9z6y5z9NNLHDz8pU%2FTU6BWOfl96Rcc%2FPCCpDIeGezo5o7J8NufzWX0qIf9fmUAACAASURBVAgykmOpu9TBnAmjCA8JES9kzNhuxmgS%2Bc3e02KFu%2BoUj7klldGjXH6L35nfH%2B903kyIjQpjyhgV82a6ZoffvV%2FHUy8UYjjpHX5V7fiZBzNEKEB6Ujx5P7xH0m8llXFFTT0AyfExYuqHU%2BaEsQHIakUYBz%2B8wKenXHFsn%2F%2FH6fx46e1SrvUqwV%2Fqktn1%2Fvzf%2FvciEYoQOh29ADx4p5b0JGlzJb%2FA7qw7eNjY34SAiH%2B5dxA4ShUeQPAVF%2BBWq7Wb841tCF92kSpFGKbaFkmnCiLrdXm2KINlsAz2S%2FLjJhksg298sOQRSGVlJbt37x7kxRcbG0tmZqbPEfolg8vKyoD%2B1cgUCgUOh4PW1lb27t3L2bNnR4wkOEhSI3quX7%2FeWVZWJn6vr68XI4LW19c7V69e7bHf7wihA2U2m2lqahJtiUVFRTz%2F%2FPP8%2FOc%2FRxAEtFotaWlpbNmyZcQwlwMlCdzS0kJUVJRo0KyoqMBut3vYoFpbW9FoNIEzeAGcOHECrVYrmoEWLVpEZmYms2fPRqVSUVRUhN1uZ%2B3ataKBMyDgU6dOebiGup1e3UF2Dxw4wObNmzl9%2BrRk31WvYEEQsNvtTJ48GXAZLvfs2SMG342NjWXz5s3ExMSwd%2B9eHn%2F88cCA3d56bgvpkSNHyMrKIicnR4yNefr0afbu3UtaWprk9uwVfPz4caxWK21tbZjNZqqrq1m7di379%2B%2Bnrq5OrGDZ2dmSVxCVBAbXkg4bN24kKiqKrCxXaKXq6mrWrFkj1nRfnSa9Nqfc3Fw2bdoEuN4VyMnJoaysDKVSSWpqKiqV6tp6akZFRVFRUUFFRQVWq1VyJRpOPg32Bvov%2BpNKv8GB1M03EJDBMviaKWjO2l3Xx7Zo99F7K1C6%2BcpYBn9lkjwQEIIcdNi7htwXqQxH5Rw5MJxfYCHIwczUZH649I5B%2B2xCEJ%2BeNVLwTmXgwQA5d01EFRbGoaOuV%2BMaW8NIiO2mty%2BKf7grg5SEWDb89rDklEsCxyrUpCTEcOhoNVv%2FVM4t0XEkjo6i7ISVL9pbOPBRDIUvLeOR2beSX%2FIZGoX3hca8zySCHKSMjiNOHYHhc9fgftkDM%2Fne3RM5ZWlm7dZimi7b%2BOx0Az9f9QD1jQIfG2u9plxSrU4Z67KWNjRb0SiimJ0eizJagSrMZaNQORVEj1ZyvrGN79w7VVJ2S8rq21ISMdW20OqwoUJB4YeVHKlqpaSiii%2FaW%2FjxowsA2Lb%2FCN%2F75h0olWF4uwd4BaucCnSJiXx%2BvoUOexcqhYLSii%2BAL0gcHcXPVj7E4jvH8Y%2F%2FeRD9bVqE7m6vUElgdXQI8aNCMTW4HCKXL8hg1fwZVNa1o1Y5aW%2B2s%2FSVt%2BhxBLNq%2FiL2HD6GEOTwmt1ewTpNPCpFGOWfNxCpDGfGOC2lJ8%2Bz9e0j6DTxWO1dzMlI4rklc%2FjsdAMF71Si8hJl0itYCHJw26TRrgMVfcwcl4wuOY7f7vmAtY%2FMJiUhBlVYGCpFGLv%2Beo7fv1vuFSgJDNDbF4Xg6KbwpWVYhS7Rspp%2BSzz%2FtvcIJksTPY5gseJJ1YjNSeVU8Pt3y3l625%2BxCl18cLKJgvdOkXPXRJou9%2FB5TQO29l7s9u7A99VCkAM1EbTYOrlzUgx3TprLmJhI9hw%2B5hPoSgVlrZZmW1Re4Sl%2FtWM1yTeJQA8Kb74RiAz%2B%2BoNDr2yfX5Xkpz4yWAbf%2BGCffWEEQWDfvn2ie1lSUhL333%2B%2FJK8uv8Bms5nt27eTlJTEpEmTRF%2FFqqoqrFYrs2fPJjExUfIFSDbxbdy4kaqqKoqLizl79ix5eXmi509UVBQnT57ktdde84ixeNXggoICLJb%2BWD2lpaXMmDGDjRs3otFosFqtqNVqLBYLBQUFgQFXVlZ6eO8NdAPVarW88MILos8buAxilZXenw54BZ85c0b8rNfr2bRpk0c5pqamDrI3DfzNcPJaudxZnJ2dzcqVKyUZQQYWy3DymmK1Ws3SpUu9mmgHrtI%2B0sLpksHuZQ3z8%2FNHXAJ%2B6tSpZGdno9frmTZtmlew94m5SiW6%2BqrVagwGAydPnhx0nDuVbufZqwYDPPHEE7z88svYbDZOnjw5otPk1KlTpZxS%2BtCnpKSE1tZWTCaTR%2FNyS6PRsGrVKkmRnH0CD7yAAwcOiD2UVqsV3wMZag3GgIEDpZvvfiyDZfDXDxy64%2Ft%2FvD5ge8fQlpVrrZuvjGXwVya%2FAhj0XOGlFyrBzchvcI%2BjWwQsWHMXYZOiCb7YgaOzh%2FqSS5wymjyOCQi4x9HN6PEx3PWt6Tg6e7h4upGF8yfCl54%2FiohQnBVO6s820XyhTRLcaxm7oY%2F87JtMnp3C7fMnMu7WBA5tLxMjDjo6exh3awIr%2Fu9CRo%2BPGVQUfoFDFWHc9a3pHi5laXeMp6rsPG%2B%2F%2FC7NlztRRIRibelAGa3grm9Nv%2FoU9zi6mZKqY%2FLsFHHb%2BcY28v%2FPIXoc3TRfaOPtl9%2FF8kU7UXEu%2B%2BPk2SlMSdV5TbXXFEdN6w81eubIeYr%2B6YBYjqGKMNovdVC299iwvxlOXiuXOyWfHT7HJ%2FtPSqq57t%2BMJEkdSNkfT2Bt6eDOnKlDQgPejkMVYXyy%2FyR35kzl9vkT%2BezwuWHL7uLpRhQRrtPVl1y6OjBA%2B6UOtFn9pvfb7ptEauY4HJ1Dxza3fNHOKaPJay54Bfc4uvk0%2FxwLn0kAYNytCR61%2FEoZt5dJqgdewaGKMD5%2F%2FywAo8ao0dwSPeRxzZc7%2BfjNY3z%2B%2FllJZS6py3TDQxVhpM9JQZEaQ6LS9SykwS5w8YNaTpeZJHeXksFuOEBV2Xmqys4P2u%2FLDQICeD%2F2tUndfCMQGfz1B4cqI6V5SAda8uMmGSyDb2Kwr6uUXSmf5sfuRR%2BPHj0qGkbcvm1Sn8y7JbnnKioqIj8%2Ff9j9er2eNWvWSHbOkZTikpISEZqdnc2cOXNEQENDA3v27MFgMBAVFSXZW9NrGZvNZnbu3AnAihUrWLlyJSdOnGDXrl2899576HQ60bhZXFwsya4oCXzkyBHsdjt6vZ7c3Fw2bNgg2qGKi4t5%2FvnniYmJYdWqVQC88847ksCSYqKCa3XQyspKMQfa2tp49tlnsdvtGI1G0aIqNUKoT83p0qVLqNVqVCoVLS39AUcGVqiRzIA%2BgaOiXBO2kydPMmvWLPG72y1YqVSi1WrFnJFqe%2FKa1VOnTqW4uJji4mKsVqt4YvdigM888wwqlYqDBw8CrrU3pchrimfMmCGWn8FgQKfTIQgC06dPZ%2BfOneh0Ot544w0xDO39998vCSypAzEajWK031%2F84hc0NDSwfft2dDqdR0DeZ599VrKLqKTKlZqayosvvohOp0OlUolNrKqqCrvdjlKp9AkKfgz2BEHgzTffpK6ujtjYWHQ6HbNnz%2FbJoOkXOFC68e7HMlgG%2F92Cgz7R3Sq3Yxksg29ssE%2BTtt6OTkIiIwgaYGVxtnTQ2%2BGyuIVEjhxn0S9wb0cnCXfdTsyylURlziV4XDROmw3bkTPY%2FvYH6oveFS9MiiT1XL0dnaSsf5qEtT8RtzkddoIU%2FdFO2t75MzUv%2FYyeC02S4N4drTo6SXzqCRHa9j9%2FoOUvb2E751p3UTPrNhJ%2FuoGYBQ8xwWbn3D%2F%2FH69QkFC5VJMmMP65ZwFo3Pqv1PzrvzFq5n1M%2BuVmktb9AFvVp5x8%2BDH6mi3EPPoY2gV3iWXuN7i3o5OEx75J8GgNl%2F9SxoX%2F3MOUX7%2BB%2Bu5FAMQ8%2BhgTf%2Fsnuu2XMW%2F4KQCRD%2BUEJqsVaa51yW1%2F%2BwPaBXehSEriWPYCwpSjuP3D9wkerSFx5gyaP6thHDDqTmmPJCS3Y2dnJz2x43C299JzoYnRt08Q93Wd9%2B4E6zvY5pqeRN73AJbiv9DVfpGQyAgi73sAgL5mCy2XPhAvpKte2mKfXrO6s7yMmEcfI%2BbRx5igVuJo%2FILejk4c9Ub6mi00%2FMsmei40EffrpwHo%2BPxvktrziCkOiYzA%2FLcy7J%2FXABCz4CEc1acIHR%2BPUFrGyYcfw1L%2BOZO3%2FwLVjEycDjvN%2BbsCk%2BKeC02YX9hO8psvEjxaQ3vxfjTZD5L08k%2BwnzqFIimJ4NGuV9rrfvavtH76RWBqdUhkBJeOFuLMM6H90Qbs7QrG3J1JkEKJaoYrnlNfs4UL%2F76Nhp27A9tlgucNIuW5pwkbdSt9oc04qk%2FR%2BId3Ec7W%2BHST8GuUeWXP5AvQLb%2Fe9fEHdKVuvhGIDP7KFBok4fWYayH5qY8MlsE3OVgQBIxGI4IgYDAYKCgokOzF53cHYjQa2bVrF0lJSdTV1ZGUlMTUqVM5cuSIJFOf3ynet28fixYtYvXq1WIszcTERFpbWyX93mewIAhUVlaKhi1BEMjNzRV93pYtWybJsDliVhuNRsrLyz1ioUK%2FLQoQTUIpKSk0NDQASDIVDAt2%2B6JmZmZSWFiITqdj0aJFzJgxwyNFgiBw7NgxioqKAJc512QyeS3nYQd7Ay3iixcvZvny5ZjNZsxms4fDpNlsZsaMGcyYMYM333wTcEWEbWtrGznLRwqK%2B%2FrrrztXr14tBtbNy8tzLl%2B%2B3CPQbm5urvP111%2F3CLxbWFjoNeDuiMPbOXPmUFdXJ155bm4uDodD%2FB4TE8OKFSvEQK3uwLuzZ88e6bSAl3F1XFwcdrsds9mMVqtlxowZtLX1LwmvUqk8KpLRaKS1tZWYmJirA2u1WvR6Pdu3b2f9%2BvW0tbWxf%2F9%2B1Go1SqVS9EFdvXo1ZrOZXbt2MX%2F%2B%2FKtvTm4VFBRQUVHB4sWLSU5ORhAE2tvbiY6ORqVScfz4cQwGA4sXL5Zs5pPcZVZWVlJWVobVaiUqKgq1Wo3NZhPb8axZs3zyM%2FfLtnil%2FImPKo8yZbAMvvHBoa%2B8dfy6gG%2B%2BrJbBMtirunp7xf%2Fuv2sK7urtRREeTEKMEkV4MNNTVTwyW0tCjFIS3K%2Bnt129vUzUjuKeqfG02DqJU7sCAJ5vbOO%2B28fwl0%2FMOLr6RjyHzyl2p%2BbOSTFU1NTz%2B9IvqGtyDYfMLU5UEn1iRgRfWX4AUaowJmpHMSbG9URQE63kg88bsQlBLL5zHB%2BcbMIqXEWgTnd2Tk2J5HyjaxCffovLJVTo7qa2qY2UhBjSbwlD6O7mfKNrXpySoMYqdNHYZic8ZPhVJocEd%2FX2khCj5J6p8dQ1CeTqp3C%2BsY0PTjbR2CZ4pChKFcYEbShzp6YAUFnXLpazVegeFj5sigcubffBSTPvHa8nShVGhCLE44QJMSpqzAKnaqtZNHMMEIRK0X%2FccBq2jOsuddBi6yQjKZqPzrhWH3zygYk882AGUaowunp7iY0K4zvzJzF%2Fugar0MWRqlYykqKpaxL8y%2BrwkBCsQhcnz3cQp44Qm0bpyfPEhirF752OXko%2BNnLB2osiPIRWazdWoYvPz3tfj2%2FYrFaEu%2BDgWsKy7lIXNeYeIhSCeHGOrj5OXRLodPTi6OplYvIo8YJGSu2I4PCQEBrb7NQ1CSy%2Bcxx%2F%2FLCOCEUIs9NjsQlBgGvlUICDH19CE%2B2qjBU19SNWKreCNhUc8zqFuee2BJLiVZhqWzh1SSBKFY5a1Y1NCMMqdHFbSpy4v6S61StUEtjdcbjbtCrM1W7dcn8%2FUtXqtUINlNe%2B2n2ic%2BbL1F3qQBE%2BuCG4m41UqCTwlRcwVOfvC9CtG3cgIINl8HAKVYb73hQCIfmpjwyWwTc%2B2Ov9uLKykkuXLjFmzBji4uJ8dj3xG1xWViaGMFQqlcydO5c5c%2BZIipc4krz2XCUlJezduxebzeax2mB2djY5OTl%2B54CkLtP9VP7YsWMcOXJEjKWo0WhYu3atX6n3CnZDBz7%2Bd6%2BvaTKZUCqVvPjiiz7DvYILCgooLS0lLS2NzMxMZs2ahUqlQhAEfv7zn1NVVYVSqWTz5s0%2BZbvX5mSz2bBYLBgMBrZt28aGDRswGo2oVCrWr1%2BPTqfDbrezfft2yVCAkI0bN24c6YCxY8eSnp7OqFGjuHjxIhaLhWPHjpGRkcGYMWOYOHEi%2F%2Fu%2F%2F0tDQwPjx49n%2FPjxgQFHRUUxfvx4srKymDFjBufOnaO%2Bvp5z585x9913M2bMGJqbm6mpqaGtrY377rtPEthrVguCQFFREUVFRaSmprJp0yY0Gg0mk4lDhw4BLpdBpVJJVVVV4FYR3bdvH%2Fn5%2BeTn51NUVIRKpRJXHiwuLkYQBFJTU8WKVVtbGxjwQLk7kFtvvRVwBdYdGKIUkPw6htcuc8mSJdhsNtRqtRgDNyYmBr1eT3V1tdjOdTqdZE9ckAd7MlgGy%2BCrUJBzPXIHIoNl8I0N9v70NiMH4iZCyzmw1kPd0a8G3DPhaUJnLgRczjZ9NZ8QWvMrqNx%2FVWDvoUlb%2F0qfuYa%2BZgvBozWui1j2Z3oeOghJWX6DpXWZqliIT4WosZ45YK4h%2BG%2F%2F5FfqvYNVsa7%2FwoB3ajNy6Lv3PwjWTnDlxLtP%2Bgz3Dl787%2FSlPETfhWpCW%2F8Kn%2F7GdRGqWHof2U9IxhwXvHCBTxVPUnMK1k5wZW%2F2v9P7yH5X2QqthLydQ29lGcGjNfTO%2BX%2BSodLAn%2BfDWw%2FBkf%2FA6bC7Urj0nX542Y%2FE7WTkBBBcd9RVfgeeI2jPXWIK%2B3J%2B7yr%2FuqMEVfwKgN7bX%2BivE1cNVsXC3f%2Fk%2Bqs7SkjZj1y1WTsB7viu65jP8%2FtTHS%2FtFUnv4Ps2QPa%2Fu%2F6%2BhAd%2F5pr9993%2BjJjqvnNfVqzkewIEHqhRX872az%2FA6bC7Uv1lCp0dlz2P8SLvffXnA2Jyvb%2FJ9b%2FJSO%2BJEoLHp4lX7urh0iSnRB7syWAZfOODQ6V26oGW%2FLhJBsvgGx8s%2BV0ft3%2BbUqlk%2BvTpqFQqYmJi%2FHJHAYkdSElJCTt37vQw8SmVStRqNWlpaSxYsCDwBi%2Bj0ciPf%2Fxjj23uiJFWq1X0eVq6dCnLly%2BXDPaa1eXlnmuTL126VLS2xcTEcOjQIfLz8yksLESr1QY2lqJb6enpLF%2B%2BnOPHj%2FP888%2Bzb98%2BcnNzxdCzBw4ckBwP1yt42rRpKJVKj22TJ08mMzOTAwcO8NJLL4lGEJPJFDi7U1xcnPi5qqqKLVu2EBcXR15eHjt37iQzM9MjHGl7e4BivgyURqPBbDbz7LPPkp6eTmZmJrm5ucTGxrJt2zZfTuU9xVqtVowQmpWVxebNm9Hr9VRVVVFYWIggCIwZM0Y8fqglEYeSpBQvWrSIqqoqSktLmTp1KmvWrGHBggXExcXR1tbG7t27xWPr6uoCB9br9eI6i1u2bEGv16PVarHZbJSWlnp0LElJSZLAPg19ioqKKC4uHnaxTo1Gw8aNGyVZzn0ec5nNZkwmEw6HA4DDhw%2FT1NREWloaS5Yskey7KA%2F2ZLAMlsF%2BK3TsO5evC%2Fjmy2oZ%2FPUHSx5lCn1D37ZVwUHXDiz0Obk7LpRsrQtSbHZi6XJdyPnOPvGifLmIIO2h9pFfj%2Bxz8vTkMF6dMDjSXKPdyZHGDt619fFWrW%2FwEVPsTumV0Ea7k3OdfUyMCOaRZDWPABnqTn5e1YPQ55QE95rV7ux1a5fZwc6z%2FW5H944L5tUJETyTHMHFnk5%2Bdca7zyL4WKvLWnrJO2ZnRXIw%2B2ZGsiI5mF%2Bd6ebtWtfc6UfjVKiCg4atiD6Bi82eJ1EFB1Fp6%2BFIYwePJqj4yyw1sxNcXpsJyiDuiJHmd%2BEV7K69AHPiQvjjzEiONwezpqqPJR93cKDVQYKyvzhuiZLmBiypOTXanSQog2i0uy7CcI%2BaspZeDrQ6%2BM3ZHqBzyFo%2FkkZMsSo4iPOdfZzrdHl1HWjt4sFyG2%2FX2pgTF8KPxqlIiQimzd6%2FBOIdcQpJYK8pFvqc5Js7mBM3iie1Cj5tcbCmqo9d5g6xGFZo%2B2P1TVaEBqY5Abx9Ae6Ic%2FCkVsGOjFF8U23jIkGMw8nshEiPMj7jkNaWvYLdzeOlEw7Odfbyo3EqHklWD3lso93p0cZHktcu0y1320xXhzB9dB8xStc1L45VMDEimCONHfxbLVTZeiVltWTwlRfglhvi643CZ%2Bf24U7s6%2B3x5huByOCvPzg0Osy%2FUeLVSn7cJINl8I0P9ul%2BLAgC5eXlVFRU0Nra%2BtUspWUwGCgqKhIXghuo9PR0XnnlFZ%2FAkrK6srKSLVu2DAkdeExBQUHgwIIgsHXr1hGPiY11vUtSWFgoedlDSUZNt%2FFDr9eTmZkpRno1GAyYTCZaW1tFO3JZWZkkk67XFLsDsGZnZ7NkyRIRmpiYyJo1a9BoNB7HHz0q7W1Uryl2gyZNmgTgYf753e9%2BR1pamoc7WcCWPXSX386dO6mtrWXjxo08%2B%2ByzKJVK2traBgXYVauHnmX4DM7MzBTNuNu2baOgoIB58%2BaJqxAmJSV5tGGpyx56zep58%2BZ5GC1VKpXYnvft2yc62O3btw%2BABQsWSAJLXvbwtddeE78PNPG5K5fFYvHpPQHJPZfbAXo4u6KvLyf4NOYym82cPn2aiooKzGYzSqWSKVOm%2BBwP1WdwIHXz3Y9lsAz%2B%2BoGDUnbOkTsQGSyDAyKfH6J2dA9e7i4y7BouLNXR3cnMxOnMTJxG5pipxCljabG3UnHpJB83nKCyWXrUBMngju5O5o3Xs0n%2FHGmxnkOcB1PnY6ivYMWhtT6BvZaxG%2Fr7xdsGQQdqZuJ0Ns5eFzjwzMTpbJuzQdLJVk15lJmJ04esB1dqxKx2les04mMSAPiL8TAVl%2FrfQnx8co6YC27YyvQlfNzgPSa29ynMmKkA7Dn1P%2FzXZ%2Fke%2B54rfYWmtkaPbd%2BIm%2BoVChIqV5zSNWmrvXyRyLAInr71cTEHHnz7ST5qOUlarE48XqOKlgT2muIWu2s2%2BMyU75MxehJP%2FO2n%2FKz8%2F9F8udPjwtyyCNJegfU%2BMb90EqfD9d7ly7N%2BxA9uX8Huyj9yxnYagLNtRqpb%2B5%2BNfNQSgDdRI8Mi2F35Ryqbz3psfyLjH9CPzeQHt68Qy%2F0Ht68A4M2qfXR0d3rtzbyWcUd3Jx3dnfz73JfEbe6a%2FGDqfLEyxccksOfU%2F1BywSCpC%2FWa1ZFhEVQ2V7P3zH5igyIHdSLxMQkidOOR%2F5Tcb0sec13ZV6fF6rAIbZxtM%2FLH6oN83HDcp5tFQAZ7Usr0SgXkfuzPbfHmG4HI4K8%2FODRa4ftKvoGQ%2FLhJBsvgmxRcWVnJ888%2FLy6D95WBy8rKMJlMwz6tvyZgg8FAaWkpIN3UM5R89nfKz%2B%2BfP7n92kDaUocD5dOjCHcQVreqqqqoqqoCXC6F1wys1%2BvFuJjgMv24DVwD3QylyOe700BfVV9NPgPlc%2BXy1%2B33qsFSfU8DDg6U%2FFqCx63S0lJSUlJEjz6pLsDg5%2BqD69atG9Rr6XQ6Nm%2FefO3A4KrZ%2B%2FbtE91%2F4%2BPjmT9%2F%2FrVNcaB0Y90WZbAMlsFDKWj20h%2FKHYgMlsEBkV9DH8HehaOrG0V4GCpluPcfDCHfR5n2LjImpVC48195dOE9CPauaw92p%2FSBxdmkJ8Vzy%2BR0HF3SvH2uCgyw4uH5fOvOKQA0WzvFC%2FJVIeOnfGOjlAPbLnfwxOrv8sJ3FhP6pctRgqKHiPGTyE6PwWLro%2F5SM2GhAVoubaAemeY5G0xNTeW51FRgDqdOvYS0l1%2F9AL99wswjXwIBzje2UVFTT2yokvMdakD6EwKf7k7uGv27%2F%2FgJ4Jqob9r1rl9NyqfKNVQNdnR1%2B1W5fAIrwodeIfSap3g4%2BZPiq5otZs65jxXm%2Fgg3%2F3PoA8mp9xlsvFBPVV0T6UnxpCTEsP4Z16MIo9FI%2Fp8OSwZL7kAAwkJDEOxdnK42ERs3llFRCjqEFhrrL%2FHWoXKqTV9I7kD8Guy5y3Rg6gR7l0%2BVzK8yHgrga82%2B%2BUYgMvjrDw6NivTdzB4IyY%2BbZLAMlsHXD%2Bz2Z%2FTVSCItro8gcOzYMWbMmOFh%2FjEYDGzZsgVwuaD58oRecooPHjzIunXrPMx8A82427Zt88msKynFKpWKpKQkMULoyZMnxWXxBqqwsJDp06ej1Wq9GsZ88vC6MvbtUNJoNMydO9er6U9yVt96662S7MU2m21Q8Nah5NNtsbKykldffXXYVCuVSjZt2iTJzWzEFF%2FZRDIyMkRD9VBavHixZN%2B2EStXW1sbb775JhqNhunTp1NbWzvs6oI6nU70YZQir1ldWVnJ1q1bR3wRIT09nWeeecYni7nkdVPLy8s5e%2FasGOU1NjaWqKgopk6dKoYY9kXymEsGy2AZfOOBQ4Peb74u4Jsvq2WwDJbBg5QToeSnySpi7L49gZZ0tLYrjEfGu2IqmsP7TUBPJ4SxI8MdwLGTf6ntGfoEQ0hSioU%2BJyu0kRy7N4qnE%2FpNQAOjRr46IYKfJkt%2Fg1FSituUPZxx9DAnzhU98o44V0DHOXGe9ocfjVPxt4t9nO%2Fs88iZoSS5jD9tcYifn9QqhowImqAMYt%2FMSL47yXt6JIPfvoAYmjQQkgw2h3fz%2FeOdI8Ib7U6WfNzBv9R6fx4yIvjKJrK%2F086B1uHNef%2FTKHCkxzHs%2FoEasTBUwUFsSVdzrrOXv13sY%2FroPiYrhv5JWUsvL1V2g%2Fc5OQBBHLaMWHA5EUp%2BPT3CI%2B7plXq71saaKu812Scw9Hcgd8QpiOvqJj5KRZNVoCU8jE9bHPyq0fc3IySBr4Vu3JuEDJbBMtit0NhQOSaqDJbBMtg%2F%2BTTTMhqNNDQ0oNPpPJ7GG41Gdu3ahd1u54knnpAUL1NyB1JUVERhYSF2ux29Xk9eXp4Ife2110TTgdSVyyRldUFBAfn5%2BaLZxx1ZEGDXrl0e9gqLxUJJSYnXc3oFl5SUUFhYOGi72zS0aNGiQVFCh7PU%2BAROTk4mLy%2BPFStWDLlfr9ezatUqj21SrDFeK1dqaiqpqakIgiCGJbXb7SPai2fNmuUVLLk5qVQqj%2Bifly5dEj8fOXJE%2FKzX66%2FexHel3MsfQv8yliUlJaJNWalUSra2%2BdSOJ0%2BeLH42mUxs2LDBoyItXbpUsm3RpxSnpqZ6kdUF5wAAIABJREFU1GCTySQ2sezsbHJzcyWfyyfwleXsVnp6OitXrvTlVL731VdGedXr9axfv95nn1W%2FxlxFRUUYDAYWL17s05sQVw0OhG6%2B%2B7EMlsFfP3AQuT%2BVOxAZLIMDIt%2FMYz1fPpcODRt6u3jWod2T%2FAP3dJOVOInbJiTysbGWU01mcfuclCk8961voBkVy5bC9%2FlzxXGvcMngF3O%2FyXNL5jB6VARFhlMs3fI7Efq7F5eQkhADQFL8Ys79n5b%2BCxtGksp4y7cX8%2FNVDzB6lMvINXdqClPiXfOjTSvmilCAlIQYvpedCbaOqwD3dJO38G6eWzLHY3OkM4SJWleMl%2B3vVHC%2Bsc1jf0qCZwxN38FA%2BecNPPx%2F81m%2F56%2Fito6g%2FhUGC8v%2Bl%2F%2B75wOP35xv9FzqYSiNXMahYZSdPwWnuzhhSuL7C%2B4kJSFGzHIAlOFYr%2FBpK%2FpbNXhxQ%2FJexqFhoI6k1tpMRU29uHnSuDiwd0FoGMvvn9IPNZyi7IuzXmu19A6kp5ujZy%2BKXx%2BaNZ1kbRJ5C%2B8mV98PfnXPh4Pb9VDpkQwGTp7vnxPfM1VL0YZlTNGMFret3%2FNXjjZ4Ty34kuLQME6YGqiqaxI3ZU4YizLatbDjbw%2Bf5dU%2Fl0iC%2BgYGaq3NfHK2bdD2IsMpVu3Y7cupfLxJ9HRT%2BOHHHpt%2Be%2Fgsz71xSFK5DlQI6XdvlHx0cAhnGpvotvcRFhrBL%2F%2F8If%2F81p9o77wsOYvd8m%2Bw19PtArn%2F%2ByH%2F7sdumJ9Q%2F8EBkAyWwddMoakJvkWLC5Tkx00yWAbf%2BGCf4whUVlZy5swZLBYLarWalJSUQd59AQWbzWYKCgoGBesEl3VmzZo1Pi0gJtlvcfv27VRVVaFUKlGr1dhsNvG%2F1Wr1OcWSylilUvHkk0%2Bi1%2BtRq9WsWrWKnTt3snbtWtRqNfHx8T4vbekVbDQaMRqNpKamYjabsVgsHDx4EJVKhUqlwmKxYDKZqKysxGw2S17o0Sv4%2BPHj4jp7bk%2Buqqoq8WJ0Oh12u52ysjIEQaCsrCwwYHDZiwVBYPbs2aJPYkNDA4CHV195ebnoenbV4NjYWOx2O%2BXl5Wi1WrRaLUqlUgzOOW3aNMAVfPfUqVPi%2BoxXDU5OTgb6l7jU6%2FXodDoOHz6MwWAgIyOD9PR0wFUEI%2Fk1%2BgROTU0lOzsbg8GA2Wxm4cKFZGZmYjKZRPPtsmXLMJvNaDQaSbZjSWCAlStXotFoKCkpQaVSidnvLnt3jV%2B1apXk9iy5HW%2FcuBGlUokgCBw%2BfBhALHuAJ554wif%2FRb%2BCsR46dEjsq6dNmybpvY%2BrBgdKN9%2F9WAbL4K8fOOi%2B%2B%2B6TOxAZLINvbLDPs8UZM2Z4rPRdUVFBVVUVbW2Dn9yPJMkdSGJiIk899dSQr1EZjUZ27NjBsWPHJIMlpTgmJobnnnuOzKkZ2NsdmNovoxnVB7jW3ouKi8RqtUqGAoTodLqN3g6y2%2B2YTCbU0THEJEbx619u5Tf%2FvYeas0ZunzmNupov%2BP3vf%2B8T2GvlmjhxIhMnTuTcuXMkJycTH5PAkiVLqK2txW63Ex%2BTQObUDGbMmEFiYiKzZ88ODDgrK4vVq1fT3t7Oe%2B%2B9J2679957OXbsGEajkSCFEr1ej1arDcwUpr29HbVaTcbEqSQnJ1NaWiquRKhUKmlvbxcH9OCaObrnWlcFjo6Odi2UHq1Ar9dz5swZTBfrab7cSWxsLNHR0eJkzm63M3nyZC5fvnz1YEBcQeHee%2B8lOjqa8vJyzp%2Bt4t5772X27NkcO3aMo0ePAq4iOHv27Einkw4%2Bd%2B4cJSUlZGVlkZiYSGFhIWfOnCFj4lTmz59Pe3s7%2B%2FbtQ6vV0tTWSHFxcWDA4AoI1dTWyNKlS6mtrXVFK4pWcHvWN5g8eTJVVVUkJyfz%2Fzb%2FktraWklgye34eMUJYmJisFgsfOtb32Ls2LFEKMJobm6mpqaGc%2BfO8cknn0gKnwQ%2B9NXnzp3j3LlzxMTEcPToUTFl1dXVtLW1%2BdRdgjzYk8Ey%2BOsADk1MTLwuYPlxkwyWwTLYbw079HFHEwRQKBQe%2BxwOB8nJyT7ZEiWD29ra2LlzJ8CgMJVKpVKMFGk2mxEEQbRFDHSyG%2BnCRuwy3ScxGo28%2FPLLgKcnpiAI7Nixg%2Brqamw2m%2Fg7d0DPkTw2QzZu3LhxOHBYWBhhYWGMGTOG9vZ2ampq6Ox0TV%2FS09MJCwtDp9NhtVo5c%2BYMoaGhPPPMMyxYsICsrCy0Wi1hYUO%2F8yW5cuXk5Ihj5sLCQtGJThAESktLUSqVvPjii6L7YEZGxoimIMlgrVbL0qVLAVeZ79%2B%2FH6PRyIYNG7Db7TzzzDM%2BWWN8vi0%2B%2F%2FzzYthZjUaDxWJhxYoVPnnwgR%2Ft%2BIknnhA%2FWywWn90G%2FQYP9F1UKpXcf%2F%2F9PkP9AgdKkidtRqOR8vJybDab2Gbtdrs4N%2FbV1Ce5cgmCIDahK5uJIAiS4hn7BQ60br7bogyWwV8%2FcOj%2FPHX4uoBvvqyWwTL4mmnEoY%2FDNvIyaAq1f4s8egWnLB3ruoBqzwtQpIXjqO6ixSTN4iIZ7LB1MXpiNHP%2BYdqQP3I67Hz%2B4Re0mC6jTlQRrgqjS3C5HYWr%2BudKI11Y0B%2B%2F957XMVecbhT3rb8TAHu7g7%2F94ii2BtdM8rbvTSB5ihaF0kmQQom9vT9s5cDjrlTIY5nf2egN3PaFFcW4MDTjYwhVhtLpdFBf3kRoeAiXjrWiGB%2BGJkWDvd2BYdtnXPi4kQsfN9L%2BxfDempJrtelAvZia2%2B66hdETo3HYuojTjSJ5imsObNj2GebPLbSYLnstf0lghTqc5nPtVH96AYAghRLd4rGMnhiN%2FtnbUUYreP%2Fnn2D%2B3CK5pkueSSjU4VS%2FVcvU6TEEj9YweXYKyVO0%2FP%2F2zj0sqvPe9x8QZtYgAwwO4qARBqOAxIiYnnhJNhptiSFJA6Rt1Ce1Wnf22dHTdsed46479rhrku4%2BPeZ2jHvHJvqkJ1p3T7wkVhNSFe0TvCQBNZGLUQfwAqJch4FZM1zm%2FLGylozAzFoDtrFZ3%2BfxkVmz5v2s9%2F6u9%2Fe%2Bv1eINfL5wfOaoKCxAfG4vBz%2BzxsnowixRs4eq%2BHL39dqrtOaW67maqdfyb1y6HrQhmZYwMMl1Xkcb4%2FBOsOCMSoCo3Cj6o99IAHrDAuNx1s0tWSqwXKgXncX1fvq%2FL4zmCI1N5%2BaFqAMHri2k47gm9gf62AdfMsUET1G2%2BaZ4ZI%2B3aSDdfCwSXV%2FfPToUWJjYwFpSV0o53aFBPZ4PHz44YeAtDbP4XBgMpmw2WzKPHZcXJzqOWvV4BkzZrBv3z4EQcBoNLJp0yZlVWJ9fT0ul0vTCWaqwXLsbDYbHo9HWQapxg3pQNJUuMxms2Jtk2MJKJsmbxnYarVisVhIT0%2BnpUXyZDN16lTa29tpaWlBy2KWoJ1EXyOILJPJRHNzMwDx8fE0Nzf7FSo1hpGAeVxfX8%2BGDRuor6%2F3O2tR3pc60N8yeNWqVQG3jQZM6qqqKqqrq7HZbCxZskRxMyuKIo2NjUyfPh2QTH2yd1h5ZXJVVVXoMZYlJ7XH48FsNpOQkIAoitx1111MnDiRHTt2MGnSJMxms%2BoFoarAoihSU1ODy%2BVS6m5LSwsej4fRo0fzxBNPKIt9S0tLAx6RqAkMkgFTzkO5RLe0tCil2e12c%2FbsWbXBhdZJZGVlYbFYsFgsZGVl4fF4aGtr0xRGwBj3XYZRVFSEy%2BVCFEVaWlq4fl1yLDRp0iTKysqUzbJyMt%2B8hONmBa3Hu3btorGxkfb2dsxmM0C%2FVspsNivXzGYzVqs1qDFbH2XqYB18%2B4PDPhfQ67EO%2FtsCqx6BeG86T9ug8pCwIYG9IliWPEb39WsYhHh6zRG0vL1nSA%2BgfsxlHU%2FUwwshWqDj%2Fb2MnHs3rhov1FfhsaUD0NPRSZRTnT8Q1eBL%2F3cPdy9egqfhMl0NV0nesBVPw2U6DxzEkHonYXFRtH30R1revqgqFVSBDQJw7SKeC%2Bfx1DmITBxDxzHJxYoh9U56ujuIoP%2BhgIGkqVR3X2tAbJBKWVhcFGFxEizCmsCI%2BASMUdZAP9cOlku013GeiJYr1H%2F4MZExUr4279vBiPgEANqrPhksiH4K2El4RegePZ7YTMm9bLhJejlzVjZjnXYnXrEZZ2UzMRmSH7detzTgbytvJeJa4LweNI%2B9Ivjs6Ux9748YkmK%2FutiGzx1NWOwI8H41gDfESn8bYm%2F8tq6NM999GG911aDwgElte%2FA%2BhCkT8Fy8yMWnllLz838mzOQifJSVcNsEmnfvlwKxTZCuffVPmDIB24P3BQpaXakWJk%2Bm1xyBYB2P52obkZc%2BoCsyEecnh%2FA6zjNm1U9wlpTS421n1KIfqwlSHTjMKDAy%2B14irAl4Lpyn%2BdCfCIuKQrCOx1X5GfXr%2F52O2gp63S5GTpmDMGVC0DBVVyexQcTX2ik9SNSNOmvM%2BjZdDZJXI9PM%2FBvlYbjAkZ4bboPrdn2Er7MTX2cn7mO7iUwcg0GIl%2B7xqntrDJjUckwAxqz6CRhiCR9l5c5oAWGstNx15JVyYud%2BB7Gigq4rbsJtE%2Fr9diAFHeyNWvETjNl3%2B10bYTDT4233%2B3uEQXqT7PG24yn7nKbXXxsa%2BOZ%2BWK2CdRRBS%2FVQO%2FzB9M0bc%2Bngv32wPuujg3Xw7Q%2FW7OWmtLSUoqIiP58QCQkJ5OfnK8YRNdK0CWf37t24XC7GjRtHeno6JpMJt9vN1atXOXPmDCC5P1Rj2FQFdrvdvPzyy1itVsaNG8fcuXP9Aq%2Bvr6e6upqamhoqKipUHZ%2BmCrx9%2B3YA8vPz%2Bf73v09MTEw%2Fh6wA27ZtU2b0n3rqqYBhBi1cpaWl1NTUsGjRIioqKgBwOp3U1dX5%2Fe90OnE4HBQUFNDY2Digm1pN4KKiIrKyspSHCCR5L%2BucOXPYv3%2F%2F0MC1tbWkp0vvwsEMWTU1NYDkgFe20gymoNXJ5XJRVVVFS0tLv7Mzb5bVasXhcFBVVeW3VzUkcHR0NImJiSQlJSmOVo8cOdLPjc7UqVN55JFHiIuLUyxxgaTKGWtDQwM2m43jx48zbtw4nnnmGWJiYgCIiYnh5z%2F%2FOc8%2F%2F7xiN%2FZ4PH6nUYYEfuKJJzh16hRut5v8%2FHwOHTrE5s2bFajT6exnVTt8%2BDAPPfTQ0MCpqamkpKSwe%2FduTCYT69evZ8mSJX5JLfvABanOW63WoKsjVHUS%2Bfn5VFRUsHnzZkwmE2PGjCEtLQ273e53zub27dupqKhQddqk5ra6pqaGrKwspcDV1dXR0NDAqVOnsFqtw9tW95XD4eDAgQOKTyeQFijk5ubemt5puPXNG4Ho4L99cNhTTz2lVycd%2FLcF1vzuBPQbyPVd3XZLwPJ6rpycHGW1oiiKVFRUSP40NTyAJnBeXp4y4pCHPjExMaSlpVFbW6usgFLzAKrAZrOZp59%2BmtraWnbv3u13mrcgCNjtdubNm8fq1avZsmWLqtirarlWr17NgQMHsFqtZGVlcfz4cT%2FXhVlZWYoTz%2Fnz57Np06agC0QDxtjlcimOG4uKilizZo1ydv3Nmj59OuvWrWPixIk88MADbNu2LWCsAxu8bDaysrLYt28fGRkZjJ8wbtB7x08YR1paGjt27CA9PR273R7wNWZQsMvlUlYj1tfXY7FYSIhLHDSghLhEbDYbLpeL2traoL5RA8ZYzsfo6Ghl2Vwgmc1mJXmDua8M2nJZLBamT59Oe3t7wPdjh8NBe3s7kyZNIjk5uZ%2FbpZsVsHDJKxKPHDlCdnY2paWllJaWMn%2F%2BfKWAXW9t4NOjpRw6dEhZsarGBe2gMY6OjqasrAyLxaIsV58%2Ff36%2Fd%2BSLFy6zbds2ZWGwzWYjOTlZ8Q6rGQzSbM6pU6fIy8ujurqa3bt3k5ycjCfCTJOz0%2B8h5UmYvLw8ZbFwyNUpOjqaoqIikpOTKSws5OjRo7z00ksYu9uVk0TlKiZDk5OTOXTo0PC0XH2bzIMHDyp5KBegiooKZs2aRXp6%2BvA2mbJyc3NJTk7G6XQqvrtMJhPJycmcOnVKUyehCdx3mXNcXJyykPuWd4vR0dG0t7ezb9%2B%2Bfte1DgZCGoGEMuK4Wd%2B8wZ4O%2FotJn3zRwTpYB%2Bvgrz9YkxPHvhvkEhMTlRn5zZs3%2B506%2BPzzzwcNT3UnsX%2F%2FfsXuAJK5LysrK6iZZzBpGnNZrVbFPLt%2F%2F34uX74M3LCid3Z2MmvWLFUPownc2NioGLsuXrzIsmXLcDgc7N69m%2Fz8fCwWCzt27PDLhmEBA4wbd2NW4MCBA4prUvkVNpjhMySw1WpVTLognbcpa%2Fr06VgsFg4cOKDqlElN4IsXL7JlyxYAoqKiyM3NJTU1lfz8fCWPx48fryosfeijg3WwDtbBqhUxbZe604mGW9%2B8pNbBOlgHD5vU%2B%2FXp9SF23xgXChFhGMPDbh3Y0%2BvDGB7GnIx4RhskkMXbxKfXBcoaRYzhYZws8D%2F4T00zHJa1sybg8NbT6yPbKvDOnDFc6hBxdUm5kxFn4PXaTjYcawCkFJBTJNYQPAc1Deh%2F%2Fmkr7zok8%2Bzh%2FPE8ag1nVWc3j6eaedwuTZ6%2FW%2B1SUiKQNBWulVMt7JhnY8c8G3aTgV%2FVeMmIM%2FCrb8XRbIjE6W1jw4xEjOFheHoDvycMqVSn0czMNAt3jBSI93YRY4glUQhjZtowvzttPN2iJPWGeWMpSBnDW3WSh99TXimGV2o7cV7vHDSMkMD%2FmhWv5OXMRBPHGjp474tmfpwUSZZBztPe4cvj8mYPr9d2crbthtPVdxvc%2FFtpE55eHz%2F%2FtJUrXwX1bnXgxb6yglYnWW3e3n7X5GrTt3FR27CoTupAddMYHobRoK0V%2B%2BZ1EjpYB%2BvgYZM%2BwaaD%2B8ntdlNeXo7D4RgSWFW3KO%2BROHLkiN%2FWo507d95a8KZNm4Lu2NIqVUk92E6eoSS3KnBBQQEZGRn9rvc9afCWgAFWrFih%2BvzqYQX3PYtvMG3fvl0xDwWTpnF1QUEBZWVlVFZWAvj5T9y1a5dfKR%2FyvsWb1TfJ5V17DoeDbdu2KfcUFRUNfd%2Fi9u3bKS4uVgqSzWZj%2BfLl2O12pk6ditvt5te%2F%2FnW%2F3wXbtxiwdyovL1eOtBQEgZycHL81mfKD9U1iq9XKpEmTmDlzZsDtZarzWBRFioqKKCoqorCwkEWLFgHStjOAlJQU7HZ7QAesIYEHk8lkUh5Ci1SDZ82aRXZ2Nunp6cTFxVFeXk5mZiYOh4Nnn33W754ZM2YMfRuww%2BHwy1O3283atWuprq5m8eLFLFiwgOXLl%2Fdb5Ns3OwaSqn2LffXCCy8oZ2qKoojJZBqwYQnmbFlTPd68ebPSePTVzW25IAhKoRsyuLi4OKAz3RUrVih%2FL1%2B%2BPOi5uaoLV3p6OhkZGQPGGKSG5Te%2F%2BY3i5zqYQtowefz4cSoqKlixYoXqejtk8HDp9hll6uDbDhzWUPCAXqp1sJ98ohufGPobhCxVnYQMiki6gwj7BMToGEZ8cZKe5uDe14cEFmbPwbDgcYTJkwkzCsQCrR%2B%2BT89vX7114BHxVmLXvNj%2FYQwGtJ9VdkNB87inuRHx0If9rvsso4eAVQH2iW46fr%2BV3voLfteNY9S5LgwZHCaY6HKco33rW%2Fg8N0aS3kHKldoSr6o6hcdZEEsO01b8kXKtr7NGn%2Bim234X1o2bMS79mSq46nocJpjw%2FvZVJcnDvtoP4xPdRCTdwZhVPyHcNoG4x7%2BPMHtOUHhAsE9009vaogTiE920b31LAhsF5YGinl6tOG8EMP%2FDM0Qk3REQPmh18olupf52Vp6E4o%2ForruE%2B%2BCHdMXZiBidKMV28Y8xTfPftRc%2BykqEfQJdjnOECQO%2FygQAi%2FgmZWGalo1pWja%2BwsV4Sg7jOf5nPAf34BHdUmwzpgHQ29SIt64N8Uo5YWXH8ZSeIDxucBtjwP44ZsWzCA882O96w2v%2Fju%2B9PxAeZ2FEvBS77uoLdDnOSYEKwqAxVRHj%2Fvnj84h4Sg4T8cVJugb4TXicRXV1CrwNuOochoyJeCvP0XbmFGFH%2FkRvawumeQ%2Fim3Yf3Tu3Yvj7nxL74KP4PCJiRQUdx0rwnPmcyIbAk2%2Bqhj59YzEibyHWp%2F8HAA15sxBmzyFm1S%2BUUi6rb3YMJFX1WM4vYfYcBerziIQJJsSSw3hKDvf7jeByEhZgQk4V2Ce66cn4FjGrfjHg9x2%2F30pv0402tGn7W4glhwMWMNUtV%2FxDC%2FolJ0ip0V13ifY3XqK3qVHqp3duD71U3xx407s7GQUYZ8%2Fp9wBhgglP6Qm6%2F2WF6lGJpnG13C5H2KXm0VN6ot%2F3wWIqS9N0U5hgoqe5ke66S8rnm79Xq5DmubQABtPtM66%2B7cH6HIgO1sF%2BcjgcIZ%2FFp6nJHMyqCtLs%2FIMPPkhmZqaqsFTX4%2BLiYt58802io6PJzc3186939uxZioqKaGxsDDozr8inQocOHfIVFBT43njjDV9nZ%2Beg973xxhu%2BgoIC36FDh4KGqcom8eyzz5Kbm6uY7dxuN8ePH%2FfL3xkzZpCamspzzz1HdXW1n%2BVtIAXN4y1btiAIguKm0OFwsHbt2n7Gj4qKCp5%2F%2FnnmzZvHxo0bOXr0aECDV8BS7Xa7qaysJC8vD5PJRH19vQItLCzknXfeUQwhkydPBmD0aGmmQLY7DqaAMZZ9nKakpACwd%2B9eRFEkNzdXKUCyg1atM%2FVBPaAAyrGlR44cAWD27NnKPbLvUzmmsmlXftiQwDdLzlc58KNHjyr1Wa6%2FZ86cQRAEpk2bFjCsgEktP%2FW1a9fIzMzEbrdTXV3N22%2B%2FzZkzZygqKlKuFRcXU1ZWxtGjRyksLAxq4gsYY%2FmpDx48CMDTTz%2BtHPR35MgRVq5cydKlSxEEgY0bN1JWVsbixYuHpwHZtm2b6kZBi4LmcX5%2BPna7nY0bN7Jr164hLcHoK9XenOXVL4IgkJ2drVQf2d%2FLihUrNB3Uq2mw19fKJmv8%2BPFMnDhRlc04ZPBw6vYcgehgHfy1BEdMP9r0VwF%2F85JaB3%2B9wU1dvTR19Q76WY00vS02dfUyPSaCRxIMjI82kGaUfn6q3UO5q5sTbQPN2w8D%2BBeTYsizGEgUwqhs9dLm6wZgRbLk7K%2BkuYdffylypTf4MViqwMZuIy9NiWSGxciWeg97aru50ivS1NXLqMhwwMWysSZWJEfx6%2FRIVlcRFB6WXdIYdATyekY0MyxGni53sr9RcnY%2FKjKcFNONIlLq7OYhq5FNmTGUNPfwk6rWgGEGjHFTVy%2FPpoxkhsXImgud7G%2F0MCoynGVjTTxqDeeOkdK8dYPo41hDBz%2BrcVPS3MPs%2BBGkmMKpcQ9e4AKW6qQwE48nmrjUIVLU4GZUZDhrxxpZkRzFHSMF9tS6uNQhkiiEkWCWBnr7WqQUmRIdEbCkDwpu6uola1QviUIYf3KG0dTVyyMJBh5LjuZSh0jhyRaWlvdQ2igVsFPtErBVlD4nGEYEilPgGMtbQj9rlgL9QYJ0isJbdV2UOrtJjetmTEwkAOWubr%2FfXvf2hA6Wn7rB28OoyHCiI6Wku%2Bb10dZhIMUUjt1kUO4B%2BE50uHJPyGD5qdNi%2FM%2BL%2BE50OA%2FYenk2JYpEQUqVLo%2BB6TERPJYczfEWDyfaur6qaiGA5afOsxhp6urlT04J8lhyNDunSRa0PbXSdsHfZkWxc5qFSx0iv6kZwobJUZHhnGjrorLVy%2Bx4KTa%2F%2FNLJRZdAliGMK4Sz5Yr0AneFcLLMRt5t8CjXgiloA3JvbCSbMmO41CGy4osePvfciI2clHK1CZS0msEAjyQYWDdR8vS7p9bFJ93hnHXeqK9ZhjA%2BcvUOfyex97qXL1wtPJMcw8zEkTwmhMFXR9I2iD6axS4%2Bcmk7H1FVjGU1dfVytzGKceYe4oQIWsVuGrw9AZvGwaSpWxwVGc6VXpErbdDUp7MIRSGvKA8VKOv2GnPp4NsKrM%2F66GAdPGwK2knIM7ZaJAgCCxYsCDibGxDc186kVcEOAgyY1M3NzaqhhYWF%2FPKXv1QMYIH2zQQFa9HUqVPJzMxUvdtr2MCyLUqtzSKkEYjVauWJJ55g9OjRnD59mp07d7JhwwY2bNigOgzNYKvVyiuvvKKU2MzMTGw2Gxs3btQUjqqkLiwsVApNTk5Ov2oyd%2B5cxTOo2s3QX%2F%2BWS7YzHjlypF8BKi4uprGxUbU%2FVE3gWbNmYbVaaWxs5Gc%2F%2BxnFxcWUl5ezfft2JX9zcnJUgzUVrtWrV7N27VoaGxv7Faa%2BxuxhB6empvLmm2%2FywQcfKGeCWCyWoBtgQwaXlZUxdepU5XNaWprfOhCQdu6CZGseMjg%2BPh6A6upqZTuwWgVLgaCjzPLyckpKSvy8NQfT5MmTyc%2FPD9gt6sNbHayDh01hk%2F%2FhNb066WAdPCwKOhBYcM%2BdzJqcHOw2P7V3etj6URnXnYPP1AcE32mL5%2FnvPYAQawx024AyRxlZ%2B7uD2sEdopeJY%2BNVQ1%2FaXcIX55pISjTxwpJvk5IYh8UYTYtnYBeHw5bHRz6vobjiHHuOVQW%2FmWFwRCLrrhRpeeTEsfG3Dlz8iYNXPjhGU7OXnOxxPJM%2FmxeWfFtTGKqSuqahlbILdQBUXrzOyi37OF%2FfTIvHxbbiz%2FnVH6SFomKbhz%2BfUbfQWxX4yBfV7PxYGjd%2FUPolHeKNDcAjBQMffHaemoZWOsJ62LDz0PCB%2B2qUOWrA6%2BavbIyRYepqgSqwOcrImRrpDeHh%2F5bGPanJdIhe5d%2F%2FfPw%2BRsVEUX6xjUZXW5DQJKkqXJYIgdPVV9l1tIKCWZN59xeP8%2FaBkzS1d3LPxFT%2B7i5pqeTW%2FZ8GbK00g2XJLVHBrMksmX9jUW%2BTs5OXdpdQXHGOlNFxwwdu6ZbmujpEL89s%2FoC9H59nysRRCrSk%2FCI116TFCMMa45y7UnjpqQXK5%2FZOj%2FL3KHMU0yeOVT5bItQ5DxsUPFIw8NmXdZRdqCN7QhIFsyarClDW4c%2BrB22nQcWelDIfAAAKgklEQVQoMyEmitmZ45WjLNXoi3NNfOII7Eo6aFJfd3ayrfhz1VBZIwXD0MBqAglF37wxlw7%2Bi0mffNHBOvivDy4vLx%2FSvhjNbxJ9PQsKgsD69euDurYbSJpi3BcK0o6vtWvXhuQNVnXL5XA42LRpkwLtK0EQWLNmDSaTiS1btrBs2bKgqaAKPNheRVm5ubnMnz9fuUcQBN58883Q7cd9oTabjYKCAq5eveq3C7OwsBCbzeb3YMuXLx%2Fanra%2B0FWrVrFr1y4sFgsrV64EYOXKlYpdUYauXLmSuXPnBotPYPCWLVsQRZGlS5fy%2BuuvU11dzcaNG6mvr1dsiH3tT%2FIDBfOPGxQsH%2BhXUlLCsmXLFLezO3fu5LnnnlOggiAo0I0bN6oy9QXMY3kjrGx2X79%2BvZKXshdJuS4fOHCAoqIirFYrq1evDgpWVao3b95MUVERGRkZLFy4kNdee43GxsZ%2BULvdzvr161XtbVNdj2W43W5n1apVbN%2B%2Bnfz8%2FJCgmsB94VarlZycHCoqKqisrNQM1QwGyVbctyTn5uby5JNPaoKGBAZpF%2B7%2B%2FfvJzs6moKBA689DBw%2BHbr%2BBgA7WwV9bcMSyP2ufWBkOffOSWgfr4AHV2d1DZ3eP8nco0vy22NndQ3qcmR%2BkSkPfj67UcayhhaiIwFvJhgSWof84eYKywSojLgVAgcspEOxBVCf1QFBZP81M4aE7RtPZ3cPMRAszEy1Bs0BVjOUAf5qZEvC%2Bm%2B8JlAVBY9wXeqlDVLaS9dXvzl0BCPpgqsF9oZWtXt46e5laVyOvltf0g%2F6wj0FkXdn5oAVu0KSW81SO6X85Liv5%2B7tzV1hXdh6AVLPJD%2FpqeQ2pZhMWY0ToSW0xDvxcP5w4lqxRY%2FygDaKPdWXnSY628sOJY7EYIgMFPTg4KmIEp5uclF1t446RAo8mJfAfFRe41CG9gD%2BWHK1AL3WI%2FEfFBbJGjVG2kB6uD%2ByfIGgeb%2Fyylj21LrLHxPJoUgJvnb2swGXoW2cvK9Cyq238r9Iv6ezuCS2P5Vh3dvew48I5YCKPJUsejd46e5kfp41T%2Fpahla1eNn5ZGxQaFCzDAd6vdQCpPJYci0kw8dbZi1iMEfwgdTwZcQYqW7385vMqVVCAsKVHTqt%2Bd%2Brs7uGhO0b7lWKAsqttqmMqS1NbHRUxgv2XJAO2DN9T6%2BL9Wm1QzeC%2BcEe7G4sxgtNNTuW6FoW0HCMqYgRVre0hAYcEHgpQ1u019NHBtxVYn%2FXRwTr49gdr7p3q6%2BspLi5mxowZfq4qZU%2BTau2MmhuQXbt2sXXrVpKSkjCbzQiCgCiK1NfXk5mZyZo1a1SFoznGVVXSStO6urp%2B382ZM0d1OJpj7Ha7OXnyJEajkYaGBrZt24bT6WThwoWaNlppLlwmk4lZs2Yxffp0Tp06hdPpZObMmZrP4wu5VG%2FevJljx46RlpbGP%2F3TP2n%2BfUjgXbt2sXfvXpKSkli1apVmCwygztNvX5WUlPgefvhh36JFi3wXLlzQ%2BnNFmsCfffaZ7%2BGHH%2FY99dRTQ4L6fCo8hMqqr69XjibNyckJ%2BUQ6Waqr0%2BLFi3E6ncrnpKQkcnNzb73B68UXXyQlJQWXy0VpaanSgEydOpWHHnqIadOm0drayrFjx1Q9TEhjLrfbTXFxsdJ4gJQCLpc0IxTMk3PIYFkOh4MtW7Zw%2BvRpBb569Wp1HcWQiuZXeuGFFzSXdH14q4N18LApYsuh5%2F4q4G9eUuvgry%2FY2%2BXG2%2FUXOmGyr%2BJGJgDQ2nHd77ohUtsQVzP43kl5RBtGc7mlwu963Egrn1f%2FmfpWh6qH0OZ1bqQN%2B%2BgpACTEJfp95%2FOInOjapzosbUtgu9o5WV3M9dYGqq99wfXWBuW7I%2Bffp7Xjuuok12ZN9bo48eUfORl5kChDNPPuWgrAyepiqi6f0JTPIVUnb5ebeyflkRCXSPW1LzhZPfge1GEF3zvpYeyjp3C9tYETX%2B7D2%2BXWXKo1gb1dbtLH3cs0%2B1yanJ0cPfuupnwNCeztcmOLSyXnzkcB%2BLhyq%2BqqEzLY2%2BUmbmQC92UsJcwo8N6J14cEVQWW8y878%2FvK9rLxoydji0tVvu9777CBQWo4JllSlXNTp9nn8t17VzDNPo%2B4kQlK%2By03p2oU9tbBf1X1JjFqpPQ%2BHBudQHJChtKCXW9t4HJLBW2d18kcm8PRs%2B%2BqygbVDUh9q0P5v%2BryCdLH3cuMcd8lIS5RaT6bnJ24u9pVhacafHMMqi6f4GqLg3sn5Sl1%2BuCZraqrV8iWNkOkidaO6xSf%2BS9qEyu52uK4dW31QHCQYt%2F38y0H3%2FwAWnT7jLl08G0H1idfdLAO1sG3H3jA%2FvjmczJlw4d8epnsztBms7F06VK%2F4yybnJ2EfeXUwuPx%2BP0%2BKHjv3r3KgX8AeXl5LFq0CJPJpAQiiiLV1dWUlJQo4Pr6etatW6f8zuVykZ2dzapVq%2FoxBkzqJ598ErvdjiiKiKLIzp07lW2gDz74INHR0QP9jK1bt9LY2Kj8s9vtLF26dMB7BwSbTCYWLlzod23Tpk3Kd30lP0RxcTGlpaXKdavVyooVKxR%2FjDdrxLq%2BadNHo0ePpqenR9mt19raSltbG729vZSUlNDdLZ2YYbFYMBqNvP7668o1eSefvP1wIAXsFt1uNy%2B88IICV6vFixcHtT0FrE4mk4lnnnlGk69TkPY59k12zWCQfGauW7cOu90%2B4PdWq5XCwkK%2Fh2tsbOTFF1%2BkuLh40HAHzeO%2BMpvN3H%2F%2F%2FZhMJlwuF6IoKvl5%2F%2F3386Mf%2FYh77rmH6upqv6NrP%2FnkE3p6epgyZUq%2FMENaI%2BBwOKitrUUURbKyshTLmtvt5uWXX6a2tlZ54Ozs7AHN%2BPqYSwfrYB18%2B4F1n6g6WAfr4NsPPOBL2502%2F9eO8%2FXNAFiiBdYtfoDZ6UkA1Da5%2BN87P%2BZY5WXl3oSYKKIE%2F21ltdf6e5QcELzk29NYMO3GOPqdw%2BW88t4xxHYf1VdbuC9jAoIA6eNMPPStNAV8py2eV%2F97Hhaz5CnFGC7wceUFfvrG%2Fn6MAZP6tT3HqKxrwWQyYTKZ%2BPsF93DPxCTcYR7%2B38dnaHUPbHf458L7SEmMIzZKIDZKoOJKHS%2FtLhnw3gHB152dvLrnmN%2B1f%2Fne32HyGen0dCH2OdLQ5ZZevhfmTOH%2Bu254BL7a0s6%2FvVM8YDIDjEi4Z8G6gb6oa24nWjCQlSq9iCfEjsQ6yoTP5yP3nokIkVIuXW%2FrROzqYs0TOcq1qy3trN7yEWdqBz93IGC3aIkWeO0f88iekDRoAAPp%2F7x%2FnP%2Fc%2F2nAewJWpxaXyHNvH6CmIfCJoDfre%2FdnMufulID3DJrUsto6PJy8UMfdqWOwxozs9%2F3VlnZ%2Bf%2FgLRsVEERctleZok5G8b6VxtaWdykuN%2FX6jCgzQ6Oyk%2BJSDdreX2JFGog0jifiqIn508gK%2F%2BsOf%2BeTsZdLusGKLNyu%2Fe2BqKmaTgZKKi%2F3C1Dz0sUQLpN9hZfJ4yZfxacdVPjsnrUpNiIli%2FQ%2FnM3l8Al09PbS0i3xcXssr7x3rF44%2B5tLBOlgH335gfZ5LB%2BtgHayDdbAO1sE6WAfrYB2sg3Vwf%2F1%2FL2I8qtC6zOIAAAAASUVORK5CYII%3D);
  background-repeat: no-repeat;
  background-position: 0 100px;
  display: inline-block;
  margin: -1px 1px 5px 0;
  padding: 0;
  border-radius: 100%;
  overflow: visible;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3);
}

/* line 1826, app/assets/stylesheets/application.css.sass */
ul.social-icons li a {
  display: block;
  height: 30px;
  width: 30px;
  text-align: center;
}

/* line 1831, app/assets/stylesheets/application.css.sass */
ul.social-icons li a:hover {
  text-decoration: none;
}

/* line 1833, app/assets/stylesheets/application.css.sass */
ul.social-icons li a i[class^="icon-"] {
  color: #444;
  font-style: 16px;
  position: relative;
  top: 3px;
}

/* line 1838, app/assets/stylesheets/application.css.sass */
ul.social-icons li a:active {
  box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3), inset 0 0 10px rgba(0, 0, 0, 0.3);
}

/* line 1840, app/assets/stylesheets/application.css.sass */
ul.social-icons li[class] a {
  text-indent: -9999px;
}

/* line 1842, app/assets/stylesheets/application.css.sass */
ul.social-icons li:active, ul.social-icons li a:active {
  border-radius: 100%;
}

/* line 1844, app/assets/stylesheets/application.css.sass */
ul.social-icons li.digg {
  background-position: 0 0;
}

/* line 1846, app/assets/stylesheets/application.css.sass */
ul.social-icons li.digg:hover {
  background-position: 0 -30px;
}

/* line 1848, app/assets/stylesheets/application.css.sass */
ul.social-icons li.dribbble {
  background-position: 0 -60px;
}

/* line 1850, app/assets/stylesheets/application.css.sass */
ul.social-icons li.dribbble:hover {
  background-position: 0 -90px;
}

/* line 1852, app/assets/stylesheets/application.css.sass */
ul.social-icons li.facebook {
  background-position: 0 -120px;
}

/* line 1854, app/assets/stylesheets/application.css.sass */
ul.social-icons li.facebook:hover {
  background-position: 0 -150px;
}

/* line 1856, app/assets/stylesheets/application.css.sass */
ul.social-icons li.flickr {
  background-position: 0 -180px;
}

/* line 1858, app/assets/stylesheets/application.css.sass */
ul.social-icons li.flickr:hover {
  background-position: 0 -210px;
}

/* line 1860, app/assets/stylesheets/application.css.sass */
ul.social-icons li.forrst {
  background-position: 0 -240px;
}

/* line 1862, app/assets/stylesheets/application.css.sass */
ul.social-icons li.forrst:hover {
  background-position: 0 -270px;
}

/* line 1864, app/assets/stylesheets/application.css.sass */
ul.social-icons li.googleplus {
  background-position: 0 -300px;
}

/* line 1866, app/assets/stylesheets/application.css.sass */
ul.social-icons li.googleplus:hover {
  background-position: 0 -330px;
}

/* line 1868, app/assets/stylesheets/application.css.sass */
ul.social-icons li.html5 {
  background-position: 0 -360px;
}

/* line 1870, app/assets/stylesheets/application.css.sass */
ul.social-icons li.html5:hover {
  background-position: 0 -390px;
}

/* line 1872, app/assets/stylesheets/application.css.sass */
ul.social-icons li.icloud {
  background-position: 0 -420px;
}

/* line 1874, app/assets/stylesheets/application.css.sass */
ul.social-icons li.icloud:hover {
  background-position: 0 -450px;
}

/* line 1876, app/assets/stylesheets/application.css.sass */
ul.social-icons li.lastfm {
  background-position: 0 -480px;
}

/* line 1878, app/assets/stylesheets/application.css.sass */
ul.social-icons li.lastfm:hover {
  background-position: 0 -510px;
}

/* line 1880, app/assets/stylesheets/application.css.sass */
ul.social-icons li.linkedin {
  background-position: 0 -540px;
}

/* line 1882, app/assets/stylesheets/application.css.sass */
ul.social-icons li.linkedin:hover {
  background-position: 0 -570px;
}

/* line 1884, app/assets/stylesheets/application.css.sass */
ul.social-icons li.myspace {
  background-position: 0 -600px;
}

/* line 1886, app/assets/stylesheets/application.css.sass */
ul.social-icons li.myspace:hover {
  background-position: 0 -630px;
}

/* line 1888, app/assets/stylesheets/application.css.sass */
ul.social-icons li.paypal {
  background-position: 0 -660px;
}

/* line 1890, app/assets/stylesheets/application.css.sass */
ul.social-icons li.paypal:hover {
  background-position: 0 -690px;
}

/* line 1892, app/assets/stylesheets/application.css.sass */
ul.social-icons li.picasa {
  background-position: 0 -720px;
}

/* line 1894, app/assets/stylesheets/application.css.sass */
ul.social-icons li.picasa:hover {
  background-position: 0 -750px;
}

/* line 1896, app/assets/stylesheets/application.css.sass */
ul.social-icons li.pinterest {
  background-position: 0 -780px;
}

/* line 1898, app/assets/stylesheets/application.css.sass */
ul.social-icons li.pinterest:hover {
  background-position: 0 -810px;
}

/* line 1900, app/assets/stylesheets/application.css.sass */
ul.social-icons li.reddit {
  background-position: 0 -840px;
}

/* line 1902, app/assets/stylesheets/application.css.sass */
ul.social-icons li.reddit:hover {
  background-position: 0 -870px;
}

/* line 1904, app/assets/stylesheets/application.css.sass */
ul.social-icons li.rss {
  background-position: 0 -900px;
}

/* line 1906, app/assets/stylesheets/application.css.sass */
ul.social-icons li.rss:hover {
  background-position: 0 -930px;
}

/* line 1908, app/assets/stylesheets/application.css.sass */
ul.social-icons li.skype {
  background-position: 0 -960px;
}

/* line 1910, app/assets/stylesheets/application.css.sass */
ul.social-icons li.skype:hover {
  background-position: 0 -990px;
}

/* line 1912, app/assets/stylesheets/application.css.sass */
ul.social-icons li.stumbleupon {
  background-position: 0 -1020px;
}

/* line 1914, app/assets/stylesheets/application.css.sass */
ul.social-icons li.stumbleupon:hover {
  background-position: 0 -1050px;
}

/* line 1916, app/assets/stylesheets/application.css.sass */
ul.social-icons li.tumblr {
  background-position: 0 -1080px;
}

/* line 1918, app/assets/stylesheets/application.css.sass */
ul.social-icons li.tumblr:hover {
  background-position: 0 -1110px;
}

/* line 1920, app/assets/stylesheets/application.css.sass */
ul.social-icons li.twitter {
  background-position: 0 -1140px;
}

/* line 1922, app/assets/stylesheets/application.css.sass */
ul.social-icons li.twitter:hover {
  background-position: 0 -1170px;
}

/* line 1924, app/assets/stylesheets/application.css.sass */
ul.social-icons li.vimeo {
  background-position: 0 -1200px;
}

/* line 1926, app/assets/stylesheets/application.css.sass */
ul.social-icons li.vimeo:hover {
  background-position: 0 -1230px;
}

/* line 1928, app/assets/stylesheets/application.css.sass */
ul.social-icons li.wordpress {
  background-position: 0 -1260px;
}

/* line 1930, app/assets/stylesheets/application.css.sass */
ul.social-icons li.wordpress:hover {
  background-position: 0 -1290px;
}

/* line 1932, app/assets/stylesheets/application.css.sass */
ul.social-icons li.yahoo {
  background-position: 0 -1320px;
}

/* line 1934, app/assets/stylesheets/application.css.sass */
ul.social-icons li.yahoo:hover {
  background-position: 0 -1350px;
}

/* line 1936, app/assets/stylesheets/application.css.sass */
ul.social-icons li.youtube {
  background-position: 0 -1380px;
}

/* line 1938, app/assets/stylesheets/application.css.sass */
ul.social-icons li.youtube:hover {
  background-position: 0 -1410px;
}

/* line 1940, app/assets/stylesheets/application.css.sass */
ul.social-icons li.github {
  background-position: 0 -1440px;
}

/* line 1942, app/assets/stylesheets/application.css.sass */
ul.social-icons li.github:hover {
  background-position: 0 -1470px;
}

/* line 1944, app/assets/stylesheets/application.css.sass */
ul.social-icons li.behance {
  background-position: 0 -1500px;
}

/* line 1946, app/assets/stylesheets/application.css.sass */
ul.social-icons li.behance:hover {
  background-position: 0 -1530px;
}

/* line 1948, app/assets/stylesheets/application.css.sass */
ul.social-icons li.yelp {
  background-position: 0 -1560px;
}

/* line 1950, app/assets/stylesheets/application.css.sass */
ul.social-icons li.yelp:hover {
  background-position: 0 -1590px;
}

/* line 1952, app/assets/stylesheets/application.css.sass */
ul.social-icons li.mail {
  background-position: 0 -1620px;
}

/* line 1954, app/assets/stylesheets/application.css.sass */
ul.social-icons li.mail:hover {
  background-position: 0 -1650px;
}

/* line 1956, app/assets/stylesheets/application.css.sass */
ul.social-icons li.instagram {
  background-position: 0 -1680px;
}

/* line 1958, app/assets/stylesheets/application.css.sass */
ul.social-icons li.instagram:hover {
  background-position: 0 -1710px;
}

/* line 1960, app/assets/stylesheets/application.css.sass */
ul.social-icons li.foursquare {
  background-position: 0 -1740px;
}

/* line 1962, app/assets/stylesheets/application.css.sass */
ul.social-icons li.foursquare:hover {
  background-position: 0 -1770px;
}

/* line 1964, app/assets/stylesheets/application.css.sass */
ul.social-icons li.zerply {
  background-position: 0 -1800px;
}

/* line 1966, app/assets/stylesheets/application.css.sass */
ul.social-icons li.zerply:hover {
  background-position: 0 -1830px;
}

/* line 1968, app/assets/stylesheets/application.css.sass */
ul.social-icons li.vk {
  background-position: 0 -1860px;
}

/* line 1970, app/assets/stylesheets/application.css.sass */
ul.social-icons li.vk:hover {
  background-position: 0 -1890px;
}

/* Arrows */
/* line 1975, app/assets/stylesheets/application.css.sass */
.arrow {
  background: transparent url(/../img/arrows.png) no-repeat 0 0;
  width: 47px;
  height: 120px;
  display: inline-block;
  position: relative;
}

/* line 1981, app/assets/stylesheets/application.css.sass */
.arrow.vtl {
  background-position: 0 0;
  width: 47px;
  height: 96px;
}

/* line 1985, app/assets/stylesheets/application.css.sass */
.arrow.vtr {
  background-position: -101px 0;
  width: 47px;
  height: 96px;
}

/* line 1989, app/assets/stylesheets/application.css.sass */
.arrow.vbl {
  background-position: 0 -144px;
  width: 47px;
  height: 96px;
}

/* line 1993, app/assets/stylesheets/application.css.sass */
.arrow.vbr {
  background-position: -101px -144px;
  width: 47px;
  height: 96px;
}

/* line 1997, app/assets/stylesheets/application.css.sass */
.arrow.hlt {
  background-position: -209px 0;
  width: 120px;
  height: 47px;
}

/* line 2001, app/assets/stylesheets/application.css.sass */
.arrow.hlb {
  background-position: -209px -101px;
  width: 120px;
  height: 47px;
}

/* line 2005, app/assets/stylesheets/application.css.sass */
.arrow.hrt {
  background-position: -353px 0;
  width: 120px;
  height: 47px;
}

/* line 2009, app/assets/stylesheets/application.css.sass */
.arrow.hrb {
  background-position: -353px -101px;
  width: 120px;
  height: 47px;
}

/* Responsive */
@media (max-width: 479px) {
  /* line 2016, app/assets/stylesheets/application.css.sass */
  .arrow {
    display: none;
  }
}

/* Circular Bars */
/* line 2021, app/assets/stylesheets/application.css.sass */
.circular-bar {
  margin-bottom: 25px;
}

/* line 2023, app/assets/stylesheets/application.css.sass */
.circular-bar .circular-bar-chart {
  position: relative;
}

/* line 2025, app/assets/stylesheets/application.css.sass */
.circular-bar strong {
  display: block;
  font-weight: 600;
  font-size: 18px;
  line-height: 30px;
  position: absolute;
  top: 35%;
  width: 80%;
  left: 10%;
  text-align: center;
}

/* line 2035, app/assets/stylesheets/application.css.sass */
.circular-bar label {
  display: block;
  font-weight: 100;
  font-size: 17px;
  line-height: 20px;
  position: absolute;
  top: 50%;
  width: 80%;
  left: 10%;
  text-align: center;
}

/* Progress */
/* line 2048, app/assets/stylesheets/application.css.sass */
.progress {
  border-radius: 25px;
  height: 20px;
  background: #FAFAFA;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
  overflow: visible;
}

/* line 2055, app/assets/stylesheets/application.css.sass */
.progress-bar {
  background-color: #5bc0de;
  box-shadow: none;
  position: relative;
  border-radius: 25px;
}

/* line 2061, app/assets/stylesheets/application.css.sass */
.progress-bar-tooltip {
  position: absolute;
  padding: 4px 8px;
  background-color: #333;
  color: #FFF;
  line-height: 15px;
  font-size: 11px;
  display: block;
  position: absolute;
  top: -28px;
  right: 5px;
  border-radius: 3px;
  filter: alpha(opacity=0);
  opacity: 0;
}

/* line 2075, app/assets/stylesheets/application.css.sass */
.progress-bar-tooltip:after {
  border-color: #333 transparent;
  border-style: solid;
  border-width: 5px 5px 0;
  bottom: -5px;
  content: "";
  display: block;
  left: 13px;
  position: absolute;
  width: 0;
}

/* Counters */
/* line 2089, app/assets/stylesheets/application.css.sass */
.counters strong {
  display: block;
  font-weight: 600;
  font-size: 60px;
  line-height: 60px;
}

/* line 2094, app/assets/stylesheets/application.css.sass */
.counters label {
  display: block;
  font-weight: 100;
  font-size: 20px;
  line-height: 20px;
}

/* Word Rotate */
/* line 2102, app/assets/stylesheets/application.css.sass */
.word-rotate {
  visibility: hidden;
  width: 100px;
  height: 0px;
  margin-bottom: -7px;
  display: inline-block;
  overflow: hidden;
  text-align: center;
  position: relative;
}

/* line 2111, app/assets/stylesheets/application.css.sass */
.word-rotate.active {
  visibility: visible;
  width: auto;
}

/* line 2114, app/assets/stylesheets/application.css.sass */
.word-rotate .word-rotate-items {
  position: relative;
  top: 0;
  width: 100%;
}

/* line 2118, app/assets/stylesheets/application.css.sass */
.word-rotate .word-rotate-items span {
  display: block;
  white-space: nowrap;
}

/* Word Rotate - Titles */
/* line 2124, app/assets/stylesheets/application.css.sass */
h1 .word-rotate {
  margin-bottom: -12px;
}

/* line 2128, app/assets/stylesheets/application.css.sass */
h2 .word-rotate {
  margin-bottom: -12px;
}

/* line 2130, app/assets/stylesheets/application.css.sass */
h2.word-rotator-title {
  line-height: 54px;
}

/* Scroll to Top */
/* line 2136, app/assets/stylesheets/application.css.sass */
html .scroll-to-top {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  background: #404040;
  border-radius: 7px 7px 0 0;
  bottom: 0px;
  color: #FFF;
  display: block;
  height: 9px;
  opacity: 0;
  padding: 13px 10px 35px;
  position: fixed;
  right: 10px;
  text-align: center;
  text-decoration: none;
  min-width: 49px;
  z-index: 1040;
}

/* line 2154, app/assets/stylesheets/application.css.sass */
html .scroll-to-top:hover {
  filter: alpha(opacity=100);
  opacity: 1;
}

/* line 2157, app/assets/stylesheets/application.css.sass */
html .scroll-to-top.visible {
  filter: alpha(opacity=75);
  opacity: 0.75;
}

/* line 2160, app/assets/stylesheets/application.css.sass */
html .scroll-to-top span {
  display: inline-block;
  padding: 0 5px;
}

/* line 2163, app/assets/stylesheets/application.css.sass */
html.ie11 .scroll-to-top {
  right: 25px;
}

/* Responsive */
@media (max-width: 991px) {
  /* line 2168, app/assets/stylesheets/application.css.sass */
  html .scroll-to-top.hidden-mobile {
    display: none !important;
  }
}

/* Portfolio */
/* line 2173, app/assets/stylesheets/application.css.sass */
.portfolio-title {
  margin-bottom: -10px;
}

/* line 2175, app/assets/stylesheets/application.css.sass */
.portfolio-title a {
  display: inline-block;
}

/* line 2177, app/assets/stylesheets/application.css.sass */
.portfolio-title .fa {
  font-size: 2.5em;
}

/* line 2179, app/assets/stylesheets/application.css.sass */
.portfolio-title .portfolio-nav, .portfolio-title .portfolio-nav-all {
  margin-top: 11px;
}

/* line 2181, app/assets/stylesheets/application.css.sass */
.portfolio-title .portfolio-nav {
  text-align: right;
}

/* line 2183, app/assets/stylesheets/application.css.sass */
.portfolio-title .portfolio-nav a {
  width: 40%;
}

/* line 2185, app/assets/stylesheets/application.css.sass */
.portfolio-title .portfolio-nav-all .fa {
  font-size: 2.7em;
}

/* line 2187, app/assets/stylesheets/application.css.sass */
.portfolio-title .fa-angle-right {
  text-align: right;
}

/* line 2189, app/assets/stylesheets/application.css.sass */
.portfolio-title .portfolio-nav-prev {
  text-align: left;
}

/* Portfolio Info */
/* line 2194, app/assets/stylesheets/application.css.sass */
.portfolio-info {
  margin: 2px 0 10px;
  float: right;
}

/* line 2197, app/assets/stylesheets/application.css.sass */
.portfolio-info ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

/* line 2201, app/assets/stylesheets/application.css.sass */
.portfolio-info ul li {
  display: inline-block;
  border-right: 1px solid #E6E6E6;
  color: #B1B1B1;
  padding-right: 8px;
  margin-right: 8px;
  font-size: 0.9em;
}

/* line 2208, app/assets/stylesheets/application.css.sass */
.portfolio-info ul li:last-child {
  border-right: 0;
  padding-right: 0;
  margin-right: 0;
}

/* line 2212, app/assets/stylesheets/application.css.sass */
.portfolio-info ul li a {
  text-decoration: none;
  color: #B1B1B1;
}

/* line 2215, app/assets/stylesheets/application.css.sass */
.portfolio-info ul li a:hover .fa-heart {
  color: #E53F51;
}

/* line 2217, app/assets/stylesheets/application.css.sass */
.portfolio-info ul li .fa {
  margin-right: 4px;
}

/* Portfolio List */
/* line 2223, app/assets/stylesheets/application.css.sass */
ul.portfolio-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* line 2227, app/assets/stylesheets/application.css.sass */
ul.portfolio-list .portfolio-item {
  margin-bottom: 35px;
}

/* line 2229, app/assets/stylesheets/application.css.sass */
ul.portfolio-details {
  list-style: none;
  padding: 0;
  margin: 45px 0 0 5px;
  font-size: 0.9em;
}

/* line 2234, app/assets/stylesheets/application.css.sass */
ul.portfolio-details li {
  padding: 0;
  margin: 0 0 20px;
}

/* line 2237, app/assets/stylesheets/application.css.sass */
ul.portfolio-details p {
  padding: 0;
  margin: 0;
}

/* line 2240, app/assets/stylesheets/application.css.sass */
ul.portfolio-details blockquote {
  padding: 0 0 0 10px;
  margin: 15px 0 0;
  color: #999;
}

/* line 2244, app/assets/stylesheets/application.css.sass */
ul.portfolio-details ul.list-skills li {
  margin-right: 10px;
  margin-bottom: 5px;
}

/* line 2247, app/assets/stylesheets/application.css.sass */
ul.team-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* line 2251, app/assets/stylesheets/application.css.sass */
ul.team-list .team-item {
  margin-bottom: 35px;
}

/* line 2253, app/assets/stylesheets/application.css.sass */
ul.team-list .team-item .thumb-info-social-icons {
  margin: 0 10px;
}

/* line 2255, app/assets/stylesheets/application.css.sass */
ul.history {
  margin: 0 0 25px;
  padding: 0;
  list-style: none;
}

/* line 2259, app/assets/stylesheets/application.css.sass */
ul.history li {
  margin: 25px 0;
  padding: 0;
  clear: both;
}

/* line 2263, app/assets/stylesheets/application.css.sass */
ul.history li h4 {
  margin: 0 0 -27px 0;
  padding: 0;
}

/* line 2266, app/assets/stylesheets/application.css.sass */
ul.history li p {
  margin-left: 53px;
}

/* line 2268, app/assets/stylesheets/application.css.sass */
ul.history li .thumb {
  background: transparent url(/../img/history-thumb.png) no-repeat 0 0;
  width: 227px;
  height: 160px;
  margin: 0 0 30px;
  padding: 0;
  float: left;
}

/* line 2275, app/assets/stylesheets/application.css.sass */
ul.history li .thumb img {
  border-radius: 150px;
  margin: 7px 8px;
  width: 145px;
  height: 145px;
}

/* line 2280, app/assets/stylesheets/application.css.sass */
ul.history li .featured-box {
  text-align: left;
  margin-left: 225px;
  margin-bottom: 50px;
  min-height: 115px;
}

/* line 2285, app/assets/stylesheets/application.css.sass */
ul.history li .featured-box .box-content {
  border-top-color: #CCC;
}

/* Portfolio Details */
/* Responsive */
@media (max-width: 991px) {
  /* line 2292, app/assets/stylesheets/application.css.sass */
  .portfolio-nav, .portfolio-nav-all {
    display: none;
  }
}

/* Team List */
/* Responsive */
@media (max-width: 991px) {
  /* line 2299, app/assets/stylesheets/application.css.sass */
  ul.team-list .team-item {
    margin: 0 auto 35px;
    max-width: 270px;
  }
}

/* History */
/* Responsive */
@media (max-width: 479px) {
  /* line 2308, app/assets/stylesheets/application.css.sass */
  ul.history li .thumb {
    display: none;
  }
  /* line 2310, app/assets/stylesheets/application.css.sass */
  ul.history li .featured-box {
    margin-left: 0;
  }
}

/* Search Results */
/* line 2315, app/assets/stylesheets/application.css.sass */
.search-results {
  min-height: 300px;
}

/* Maps */
/* line 2320, app/assets/stylesheets/application.css.sass */
.google-map {
  background: #E5E3DF;
  height: 400px;
  margin: -35px 0 30px 0;
  width: 100%;
}

/* line 2325, app/assets/stylesheets/application.css.sass */
.google-map img {
  max-width: 9999px;
}

/* Maps - Parallax */
/* line 2330, app/assets/stylesheets/application.css.sass */
.parallax + .google-map {
  margin-top: -70px;
}

/*
 *Name:       theme.css
 *Written by:   Okler Themes - (http://www.okler.net)
 *Version:    3.4.1 */
/* line 2338, app/assets/stylesheets/application.css.sass */
body {
  background-color: white;
  color: #777777;
  font-family: "Open Sans", Arial, sans-serif;
  font-size: 14px;
  line-height: 22px;
  margin: 0;
}

/* Responsive */
@media (max-width: 479px) {
  /* line 2348, app/assets/stylesheets/application.css.sass */
  body {
    font-size: 13px;
  }
}

/* Header */
/* line 2353, app/assets/stylesheets/application.css.sass */
#header {
  /*background: #F6F6F6;
   *background: -webkit-linear-gradient( #f6f6f6, white);
   *background: linear-gradient( #f6f6f6, white); */
  clear: both;
  border-top: 5px solid #EDEDED;
  min-height: 100px;
  padding: 8px 0;
}

/* line 2362, app/assets/stylesheets/application.css.sass */
#header > .container {
  height: 100px;
  margin-bottom: -35px;
  position: relative;
  display: table;
  max-width: 1170px;
}

/* line 2368, app/assets/stylesheets/application.css.sass */
#header > .navbar-collapse > .container {
  position: relative;
}

/* line 2370, app/assets/stylesheets/application.css.sass */
#header .header-top {
  min-height: 50px;
}

/* line 2372, app/assets/stylesheets/application.css.sass */
#header .header-top form {
  margin: 0;
}

/* line 2374, app/assets/stylesheets/application.css.sass */
#header .header-top p {
  float: left;
  font-size: 0.9em;
  line-height: 50px;
  margin: 0;
}

/* line 2379, app/assets/stylesheets/application.css.sass */
#header .header-top i {
  margin-right: 6px;
  margin-left: 6px;
  position: relative;
  top: 1px;
}

/* line 2384, app/assets/stylesheets/application.css.sass */
#header .header-top nav {
  float: left;
  width: auto;
}

/* line 2387, app/assets/stylesheets/application.css.sass */
#header .header-top ul.nav-top {
  margin: 7px 0 0 -15px;
  min-height: 5px;
}

/* line 2391, app/assets/stylesheets/application.css.sass */
#header .header-top ul.nav-top li.phone {
  margin-right: 10px;
}

/* line 2393, app/assets/stylesheets/application.css.sass */
#header .header-top ul.nav-top li a {
  padding-left: 4px;
}

/* line 2395, app/assets/stylesheets/application.css.sass */
#header .social-icons {
  clear: right;
  float: right;
  margin-top: -3px;
  margin-left: 5px;
  position: relative;
}

/* line 2401, app/assets/stylesheets/application.css.sass */
#header .search {
  float: right;
  margin: 10px 0 0 15px;
  position: relative;
}

/* line 2405, app/assets/stylesheets/application.css.sass */
#header .search + .social-icons {
  clear: none;
  margin-left: 10px;
  margin-right: 0;
  margin-top: 13px;
}

/* line 2411, app/assets/stylesheets/application.css.sass */
#header .search input.search:first-child {
  -webkit-transition: width 0.2s ease-in 0.2s;
  -moz-transition: width 0.2s ease-in 0.2s;
  transition: width 0.2s ease-in 0.2s;
  border-radius: 20px;
  width: 170px;
  font-size: 0.9em;
  padding: 6px 12px;
  height: 34px;
  margin: 0;
}

/* line 2421, app/assets/stylesheets/application.css.sass */
#header .search input.search:focus {
  width: 220px;
  border-color: #CCC;
}

/* line 2424, app/assets/stylesheets/application.css.sass */
#header .search button.btn-default {
  border: 0;
  background: transparent;
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  z-index: 3;
}

/* line 2432, app/assets/stylesheets/application.css.sass */
#header nav {
  float: right;
}

/* line 2435, app/assets/stylesheets/application.css.sass */
#header nav ul.nav-main {
  margin: -7px 10px 8px 0;
}

/* line 2437, app/assets/stylesheets/application.css.sass */
#header nav ul.nav-main > li + li {
  margin-left: -4px;
}

/* line 2440, app/assets/stylesheets/application.css.sass */
#header nav ul.nav-main li a {
  font-size: 12px;
  font-style: normal;
  line-height: 20px;
  margin-left: 3px;
  margin-right: 3px;
  text-transform: uppercase;
  font-weight: 700;
  padding: 10px 13px;
}

/* line 2449, app/assets/stylesheets/application.css.sass */
#header nav ul.nav-main li a:hover {
  background-color: #F4F4F4;
}

/* line 2451, app/assets/stylesheets/application.css.sass */
#header nav ul.nav-main li ul a {
  text-transform: none;
  font-weight: normal;
  font-size: 0.9em;
}

/* line 2456, app/assets/stylesheets/application.css.sass */
#header nav ul.nav-main li.dropdown.open a.dropdown-toggle {
  border-radius: 5px 5px 0px 0px;
  background-color: #CCC;
}

/* line 2461, app/assets/stylesheets/application.css.sass */
#header nav ul.nav-main li.dropdown:hover > a {
  padding-bottom: 11px;
  margin-bottom: -1px;
}

/* line 2464, app/assets/stylesheets/application.css.sass */
#header nav ul.nav-main li.dropdown:hover > ul {
  display: block;
}

/* line 2466, app/assets/stylesheets/application.css.sass */
#header nav ul.nav-main li.dropdown:hover a.dropdown-toggle {
  border-radius: 5px 5px 0px 0px;
}

/* line 2468, app/assets/stylesheets/application.css.sass */
#header nav ul.nav-main li.active a {
  background-color: #CCC;
}

/* line 2470, app/assets/stylesheets/application.css.sass */
#header nav ul.nav-main li a.dropdown-toggle.extra {
  display: none;
}

/* line 2472, app/assets/stylesheets/application.css.sass */
#header nav ul.nav-main ul.dropdown-menu {
  background-color: #CCC;
  border: 0;
  border-radius: 0 6px 6px 6px;
  box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.08);
  margin: 1px 0 0 3px;
  padding: 5px;
  top: auto;
}

/* line 2481, app/assets/stylesheets/application.css.sass */
#header nav ul.nav-main ul.dropdown-menu li:hover > a {
  filter: none;
  background: #999;
}

/* line 2484, app/assets/stylesheets/application.css.sass */
#header nav ul.nav-main ul.dropdown-menu li:last-child > a {
  border-bottom: 0;
}

/* line 2486, app/assets/stylesheets/application.css.sass */
#header nav ul.nav-main ul.dropdown-menu > li > a {
  color: #FFF;
  font-weight: 400;
  padding-bottom: 4px;
  padding-top: 4px;
  text-transform: none;
  position: relative;
  padding: 8px 10px 8px 5px;
  font-size: 0.9em;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

/* line 2496, app/assets/stylesheets/application.css.sass */
#header nav ul.nav-main ul.dropdown-menu ul.dropdown-menu {
  border-radius: 6px;
  margin-left: 0;
  margin-top: -5px;
}

/* line 2500, app/assets/stylesheets/application.css.sass */
#header nav ul.nav-main .dropdown-submenu {
  position: relative;
}

/* line 2503, app/assets/stylesheets/application.css.sass */
#header nav ul.nav-main .dropdown-submenu > .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -6px;
  margin-left: -1px;
  border-radius: 0 6px 6px 6px;
}

/* line 2509, app/assets/stylesheets/application.css.sass */
#header nav ul.nav-main .dropdown-submenu > a:after {
  display: block;
  content: " ";
  float: right;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  border-left-color: #cccccc;
  margin-top: 5px;
  margin-right: -10px;
}

/* line 2521, app/assets/stylesheets/application.css.sass */
#header nav ul.nav-main .dropdown-submenu.pull-left {
  float: none;
}

/* line 2523, app/assets/stylesheets/application.css.sass */
#header nav ul.nav-main .dropdown-submenu.pull-left > .dropdown-menu {
  left: -100%;
  margin-left: 10px;
  border-radius: 6px 0 6px 6px;
}

/* line 2528, app/assets/stylesheets/application.css.sass */
#header nav ul.nav-main .dropdown-submenu:hover > .dropdown-menu {
  display: block;
}

/* line 2530, app/assets/stylesheets/application.css.sass */
#header nav ul.nav-main .dropdown-submenu:hover > a:after {
  border-left-color: #FFF;
}

/* line 2532, app/assets/stylesheets/application.css.sass */
#header nav ul.nav-top {
  margin: 10px 0 -10px;
  min-height: 62px;
}

/* line 2536, app/assets/stylesheets/application.css.sass */
#header nav ul.nav-top li span {
  display: block;
  line-height: 14px;
  margin-bottom: 2px;
  margin-right: 0;
  margin-top: 5px;
  padding: 8px 2px 8px 12px;
}

/* line 2543, app/assets/stylesheets/application.css.sass */
#header nav ul.nav-top li a, #header nav ul.nav-top li span {
  color: #999;
  font-size: 0.9em;
  padding: 6px 10px;
}

/* line 2547, app/assets/stylesheets/application.css.sass */
#header nav ul.nav-top li i {
  margin-right: 6px;
  position: relative;
  top: 1px;
}

/* line 2551, app/assets/stylesheets/application.css.sass */
#header .nav-main-collapse {
  overflow-y: visible;
}

/* line 2553, app/assets/stylesheets/application.css.sass */
#header .nav-main-collapse.in {
  overflow-y: visible;
}

/* line 2555, app/assets/stylesheets/application.css.sass */
#header .logo {
  -webkit-transition: all 0.2s ease-in 0.2s;
  -moz-transition: all 0.2s ease-in 0.2s;
  transition: all 0.2s ease-in 0.2s;
  margin: 0;
  padding: 5px 0;
  display: table-cell;
  vertical-align: middle;
  height: 100%;
  color: transparent;
}

/* line 2565, app/assets/stylesheets/application.css.sass */
#header .logo a {
  position: relative;
  z-index: 1;
}

/* line 2568, app/assets/stylesheets/application.css.sass */
#header .logo img {
  position: relative;
  color: transparent;
}

/* Logo */
/* Header Container */
/* line 2576, app/assets/stylesheets/application.css.sass */
.header-container {
  min-height: 76px;
  position: relative;
}

/* Responsive Nav Button */
/* line 2582, app/assets/stylesheets/application.css.sass */
.btn-responsive-nav {
  display: none;
}

/* Sticky Menu */
/* line 2587, app/assets/stylesheets/application.css.sass */
#header.fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1041;
}

/* line 2595, app/assets/stylesheets/application.css.sass */
body.sticky-menu-active #header {
  border-bottom: 1px solid #E9E9E9;
  position: fixed;
  top: -57px;
  width: 100%;
  z-index: 1041;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
  filter: none;
}

/* line 2603, app/assets/stylesheets/application.css.sass */
body.sticky-menu-active #header .social-icons {
  margin-top: -1px;
}

/* line 2605, app/assets/stylesheets/application.css.sass */
body.sticky-menu-active #header nav ul.nav-main {
  margin-bottom: 7px;
  margin-top: -1px;
}

/* line 2608, app/assets/stylesheets/application.css.sass */
body.scrolling .nav-main-collapse.collapsing {
  -webkit-transition: none;
  transition: none;
}

/* Header Mega Menu */
@media (min-width: 992px) {
  /* line 2616, app/assets/stylesheets/application.css.sass */
  #header nav.mega-menu .nav, #header nav.mega-menu .dropup, #header nav.mega-menu .dropdown, #header nav.mega-menu .collapse {
    position: static;
  }
  /* line 2619, app/assets/stylesheets/application.css.sass */
  #header nav.mega-menu ul.nav-main .mega-menu-content {
    text-shadow: none;
  }
  /* line 2623, app/assets/stylesheets/application.css.sass */
  #header nav.mega-menu ul.nav-main li.mega-menu-item .mega-menu-sub-title {
    color: #333333;
    display: block;
    font-size: 1em;
    font-weight: 600;
    padding-bottom: 5px;
    text-transform: uppercase;
  }
  /* line 2630, app/assets/stylesheets/application.css.sass */
  #header nav.mega-menu ul.nav-main li.mega-menu-item .mega-menu-sub-title .not-included {
    color: #b7b7b7;
    display: block;
    font-size: 0.8em;
    font-style: normal;
    margin: -8px 0 -4px;
    padding: 0;
  }
  /* line 2638, app/assets/stylesheets/application.css.sass */
  #header nav.mega-menu ul.nav-main li.mega-menu-item ul.dropdown-menu {
    background: #FFF !important;
    border-top: 6px solid #CCC;
    color: #777777;
    box-shadow: 0 20px 45px rgba(0, 0, 0, 0.08);
  }
  /* line 2643, app/assets/stylesheets/application.css.sass */
  #header nav.mega-menu ul.nav-main li.mega-menu-item ul.sub-menu {
    list-style: none;
    padding: 0;
    margin: 0;
  }
  /* line 2647, app/assets/stylesheets/application.css.sass */
  #header nav.mega-menu ul.nav-main li.mega-menu-item ul.sub-menu a {
    color: #777777;
    text-shadow: none;
    margin: 0 0 0 -8px;
    padding: 3px 8px;
    text-transform: none;
    font-size: 0.9em;
    display: block;
    font-weight: normal;
    border-radius: 4px;
    border: 0;
  }
  /* line 2658, app/assets/stylesheets/application.css.sass */
  #header nav.mega-menu ul.nav-main li.mega-menu-item:hover ul.sub-menu li:hover a:hover {
    background: #F4F4F4 !important;
    text-decoration: none;
  }
  /* line 2661, app/assets/stylesheets/application.css.sass */
  #header nav.mega-menu ul.nav-main li.mega-menu-fullwidth ul.dropdown-menu {
    border-radius: 6px;
  }
  /* line 2663, app/assets/stylesheets/application.css.sass */
  #header nav.mega-menu .navbar-inner, #header nav.mega-menu .container {
    position: relative;
  }
  /* line 2665, app/assets/stylesheets/application.css.sass */
  #header nav.mega-menu .dropdown-menu {
    left: auto;
  }
  /* line 2667, app/assets/stylesheets/application.css.sass */
  #header nav.mega-menu .dropdown-menu > li {
    display: block;
  }
  /* line 2669, app/assets/stylesheets/application.css.sass */
  #header nav.mega-menu .mega-menu-content {
    padding: 20px 30px;
  }
  /* line 2671, app/assets/stylesheets/application.css.sass */
  #header nav.mega-menu .mega-menu-content:before {
    display: table;
    content: "";
    line-height: 0;
  }
  /* line 2675, app/assets/stylesheets/application.css.sass */
  #header nav.mega-menu .mega-menu-content:after {
    display: table;
    content: "";
    line-height: 0;
    clear: both;
  }
  /* line 2681, app/assets/stylesheets/application.css.sass */
  #header nav.mega-menu.navbar .nav > li > .dropdown-menu:after, #header nav.mega-menu.navbar .nav > li > .dropdown-menu:before {
    display: none;
  }
  /* line 2683, app/assets/stylesheets/application.css.sass */
  #header nav.mega-menu .dropdown.mega-menu-fullwidth .dropdown-menu {
    width: 100%;
    left: 0;
    right: 0;
  }
  /* line 2687, app/assets/stylesheets/application.css.sass */
  #header nav.mega-menu nav.pull-right .dropdown-menu {
    right: 0;
  }
  /* line 2689, app/assets/stylesheets/application.css.sass */
  #header.flat-menu nav.mega-menu ul.nav-main li.mega-menu-fullwidth ul.dropdown-menu {
    border-radius: 0;
  }
}

/* Header Flat Menu */
@media (min-width: 992px) {
  /* line 2695, app/assets/stylesheets/application.css.sass */
  #header.flat-menu > .container {
    height: 91px;
    margin-bottom: -82px;
  }
  /* line 2698, app/assets/stylesheets/application.css.sass */
  #header.flat-menu .header-top {
    margin-top: -8px;
  }
  /* line 2700, app/assets/stylesheets/application.css.sass */
  #header.flat-menu .social-icons {
    margin: 11px 10px 9px 10px;
    margin: 10px 10px 0;
  }
  /* line 2703, app/assets/stylesheets/application.css.sass */
  #header.flat-menu .search {
    margin-top: 8px;
  }
  /* line 2705, app/assets/stylesheets/application.css.sass */
  #header.flat-menu .search form {
    margin: 0;
  }
  /* line 2707, app/assets/stylesheets/application.css.sass */
  #header.flat-menu .search input.search-query {
    padding-bottom: 5px;
    padding-top: 5px;
  }
  /* line 2710, app/assets/stylesheets/application.css.sass */
  #header.flat-menu nav ul.nav-main {
    float: right;
    margin: -9px 0 -8px;
  }
  /* line 2713, app/assets/stylesheets/application.css.sass */
  #header.flat-menu nav ul.nav-main > li > a {
    margin-bottom: 0;
    border-top: 5px solid transparent;
  }
  /* line 2717, app/assets/stylesheets/application.css.sass */
  #header.flat-menu nav ul.nav-main li a {
    border-radius: 0;
    margin-left: 1px;
    margin-right: 3px;
    padding-bottom: 20px;
    padding-top: 46px;
  }
  /* line 2724, app/assets/stylesheets/application.css.sass */
  #header.flat-menu nav ul.nav-main li.dropdown:hover a.dropdown-toggle {
    border-radius: 0;
  }
  /* line 2726, app/assets/stylesheets/application.css.sass */
  #header.flat-menu nav ul.nav-main li.dropdown:hover > a {
    padding-bottom: 21px;
  }
  /* line 2728, app/assets/stylesheets/application.css.sass */
  #header.flat-menu nav ul.nav-main ul.dropdown-menu {
    margin: 0 0 0 1px;
    border-radius: 0;
  }
  /* line 2731, app/assets/stylesheets/application.css.sass */
  #header.flat-menu nav ul.nav-main ul.dropdown-menu ul.dropdown-menu {
    border-radius: 0;
  }
  /* Header Flat Menu - Sticky Menu / Boxed */
  /* line 2735, app/assets/stylesheets/application.css.sass */
  body.sticky-menu-active #header.flat-menu ul.nav-main {
    margin-bottom: -10px;
    margin-top: 34px;
  }
  /* line 2739, app/assets/stylesheets/application.css.sass */
  body.sticky-menu-active #header.flat-menu ul.nav-main > li > a, body.sticky-menu-active #header.flat-menu ul.nav-main > li:hover > a {
    border-top-color: transparent;
    padding-bottom: 26px;
    padding-top: 26px;
  }
  /* line 2743, app/assets/stylesheets/application.css.sass */
  body.sticky-menu-active #header.flat-menu .logo {
    padding-top: 15px;
  }
  /* line 2745, app/assets/stylesheets/application.css.sass */
  body.sticky-menu-active #header.flat-menu .header-top {
    display: none;
  }
  /* line 2748, app/assets/stylesheets/application.css.sass */
  html.boxed #header.flat-menu {
    padding: 15px 0 7px;
  }
  /* line 2750, app/assets/stylesheets/application.css.sass */
  html.boxed #header.flat-menu.clean-top {
    padding-bottom: 8px;
  }
  /* line 2752, app/assets/stylesheets/application.css.sass */
  html.boxed #header.flat-menu.colored {
    padding: 0 0 7px;
  }
  /* line 2754, app/assets/stylesheets/application.css.sass */
  html.boxed #header.flat-menu.single-menu nav ul.nav-main ul.dropdown-menu {
    margin-top: -1px;
  }
  /* line 2756, app/assets/stylesheets/application.css.sass */
  html.boxed #header.flat-menu .header-top {
    border-radius: 5px 5px 0 0;
  }
  /* line 2759, app/assets/stylesheets/application.css.sass */
  html.boxed body.sticky-menu-active #header.flat-menu.clean-top, html.boxed body.sticky-menu-active #header.flat-menu.colored {
    padding: 15px 0 7px;
  }
}

/* Header Single Menu */
@media (min-width: 992px) {
  /* line 2764, app/assets/stylesheets/application.css.sass */
  #header.single-menu {
    min-height: 86px;
  }
  /* line 2766, app/assets/stylesheets/application.css.sass */
  #header.single-menu > .container {
    height: 91px;
    margin-bottom: -77px;
  }
  /* line 2769, app/assets/stylesheets/application.css.sass */
  #header.single-menu .social-icons {
    margin-top: 32px;
  }
  /* line 2771, app/assets/stylesheets/application.css.sass */
  #header.single-menu .search {
    display: none;
  }
  /* line 2773, app/assets/stylesheets/application.css.sass */
  #header.single-menu .search + nav {
    display: none;
  }
  /* line 2776, app/assets/stylesheets/application.css.sass */
  #header.single-menu nav ul.nav-main {
    margin: -28px 0 -9px;
    float: right;
  }
  /* line 2780, app/assets/stylesheets/application.css.sass */
  #header.single-menu nav ul.nav-main li a, #header.single-menu nav ul.nav-main li.dropdown:hover > a {
    padding-bottom: 20px;
    padding-top: 62px;
  }
  /* line 2783, app/assets/stylesheets/application.css.sass */
  #header.single-menu nav.mega-menu .mega-menu-signin {
    margin-right: 0;
  }
  /* Header Single Menu - Sticky Menu / Boxed */
  /* line 2787, app/assets/stylesheets/application.css.sass */
  body.sticky-menu-active #header.single-menu .logo {
    padding-top: 14px;
  }
  /* line 2789, app/assets/stylesheets/application.css.sass */
  body.sticky-menu-active #header.single-menu .social-icons {
    margin-top: 54px;
  }
  /* line 2791, app/assets/stylesheets/application.css.sass */
  body.sticky-menu-active #header.single-menu nav ul.nav-main {
    margin-top: 20px;
    margin-bottom: -9px;
  }
  /* line 2795, app/assets/stylesheets/application.css.sass */
  body.sticky-menu-active #header.single-menu nav ul.nav-main > li > a, body.sticky-menu-active #header.single-menu nav ul.nav-main > li:hover > a {
    border-top-color: transparent;
    padding-bottom: 21px;
    padding-top: 36px;
  }
  /* line 2800, app/assets/stylesheets/application.css.sass */
  html.boxed #header.single-menu {
    padding: 4px 0 7px;
  }
  /* line 2802, app/assets/stylesheets/application.css.sass */
  html.boxed body.sticky-menu-active #header.single-menu {
    padding: 15px 0 7px;
  }
}

/* Header Clean Top */
@media (min-width: 992px) {
  /* line 2808, app/assets/stylesheets/application.css.sass */
  #header.clean-top .header-top {
    border-bottom: 1px solid #EDEDED;
    background-color: #F4F4F4;
    margin-top: -8px;
  }
  /* line 2812, app/assets/stylesheets/application.css.sass */
  #header.clean-top .social-icons {
    margin: 11px 10px 9px 10px;
  }
  /* Header Clean Top - Sticky Menu / Boxed */
  /* line 2816, app/assets/stylesheets/application.css.sass */
  body.sticky-menu-active #header.clean-top ul.nav-main > li > a, body.sticky-menu-active #header.clean-top ul.nav-main > li:hover > a {
    padding-bottom: 20px;
    padding-top: 33px;
  }
}

/* Header Colored */
@media (min-width: 992px) {
  /* line 2822, app/assets/stylesheets/application.css.sass */
  #header.colored {
    border-top: 0;
  }
  /* line 2824, app/assets/stylesheets/application.css.sass */
  #header.colored > .container {
    height: 107px;
    margin-bottom: -92px;
  }
  /* line 2828, app/assets/stylesheets/application.css.sass */
  #header.colored .header-top p, #header.colored .header-top a, #header.colored .header-top span {
    color: #FFF;
  }
  /* line 2830, app/assets/stylesheets/application.css.sass */
  #header.colored .search input.search-query {
    border: 0;
    padding-bottom: 5px;
    padding-top: 5px;
    box-shadow: none;
  }
  /* line 2835, app/assets/stylesheets/application.css.sass */
  #header.colored nav ul.nav-main {
    margin: -15px 0 -8px;
  }
  /* line 2838, app/assets/stylesheets/application.css.sass */
  #header.colored nav ul.nav-main li a {
    padding-bottom: 24px;
    padding-top: 50px;
  }
  /* line 2841, app/assets/stylesheets/application.css.sass */
  #header.colored nav ul.nav-main li.dropdown:hover > a {
    padding-bottom: 24px;
  }
  /* Header Colored - Sticky Menu / Boxed */
  /* line 2845, app/assets/stylesheets/application.css.sass */
  body.sticky-menu-active #header.colored .logo {
    padding-top: 6px;
  }
  /* line 2848, app/assets/stylesheets/application.css.sass */
  body.sticky-menu-active #header.colored ul.nav-main > li > a, body.sticky-menu-active #header.colored ul.nav-main > li:hover > a {
    padding-bottom: 24px;
    padding-top: 24px;
  }
}

/* Header Darken Top Border */
@media (min-width: 992px) {
  /* line 2855, app/assets/stylesheets/application.css.sass */
  #header.darken-top-border > .container {
    height: 103px;
  }
  /* line 2857, app/assets/stylesheets/application.css.sass */
  #header.darken-top-border ul.nav-main {
    margin: -11px 0 -8px;
  }
  /* Header Darken Top Border - Sticky Menu / Boxed */
  /* line 2860, app/assets/stylesheets/application.css.sass */
  body.sticky-menu-active #header.darken-top-border nav ul.nav-main {
    margin-top: 33px;
  }
  /* line 2863, app/assets/stylesheets/application.css.sass */
  body.sticky-menu-active #header.darken-top-border nav ul.nav-main > li > a, body.sticky-menu-active #header.darken-top-border nav ul.nav-main > li:hover > a {
    padding-bottom: 22px;
    padding-top: 30px;
  }
  /* line 2866, app/assets/stylesheets/application.css.sass */
  html.boxed #header.darken-top-border {
    border-top: 0;
  }
}

/* Header Center */
@media (min-width: 992px) {
  /* line 2872, app/assets/stylesheets/application.css.sass */
  #header.center .logo {
    text-align: center;
    position: static;
    margin-top: 5px;
  }
  /* line 2876, app/assets/stylesheets/application.css.sass */
  #header.center nav {
    float: left;
    text-align: center;
    width: 100%;
  }
  /* line 2880, app/assets/stylesheets/application.css.sass */
  #header.center nav ul.nav-main {
    margin: 35px 0 10px;
  }
  /* line 2882, app/assets/stylesheets/application.css.sass */
  #header.center nav ul.nav-main > li {
    display: inline-block;
    float: none;
    text-align: left;
  }
}

@media (max-width: 991px) {
  /* line 2888, app/assets/stylesheets/application.css.sass */
  #header.center {
    text-align: left;
  }
  /* line 2890, app/assets/stylesheets/application.css.sass */
  #header.center nav {
    float: none;
  }
}

/* Header Center - Sticky Menu */
@media (min-width: 992px) {
  /* line 2896, app/assets/stylesheets/application.css.sass */
  body.sticky-menu-active #header.center > .container {
    margin-top: -60px;
  }
  /* line 2898, app/assets/stylesheets/application.css.sass */
  body.sticky-menu-active #header.center .logo {
    text-align: left;
  }
  /* line 2900, app/assets/stylesheets/application.css.sass */
  body.sticky-menu-active #header.center .logo img {
    margin-top: 42px;
  }
  /* line 2902, app/assets/stylesheets/application.css.sass */
  body.sticky-menu-active #header.center nav {
    float: right;
    margin-top: 18px;
    width: auto;
  }
  /* line 2907, app/assets/stylesheets/application.css.sass */
  body.sticky-menu-active #header.center nav ul.nav-main > li > a, body.sticky-menu-active #header.center nav ul.nav-main > li:hover > a {
    padding-bottom: 10px;
    padding-top: 10px;
  }
}

/* Header Narrow */
@media (min-width: 992px) {
  /* line 2913, app/assets/stylesheets/application.css.sass */
  #header.narrow {
    height: auto;
    min-height: 85px;
    padding: 0;
    border-bottom: 1px solid #E9E9E9;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
  }
  /* line 2919, app/assets/stylesheets/application.css.sass */
  #header.narrow > .container {
    margin-bottom: -48px;
    height: 75px;
  }
}

/* Mega Menu (Signin/SignUp) */
/* line 2925, app/assets/stylesheets/application.css.sass */
#header nav.mega-menu ul.nav-main .mega-menu-signin {
  margin-right: -20px;
  padding-left: 0;
  margin-left: 0;
}

/* line 2929, app/assets/stylesheets/application.css.sass */
#header nav.mega-menu ul.nav-main .mega-menu-signin a {
  color: #444;
}

/* line 2931, app/assets/stylesheets/application.css.sass */
#header nav.mega-menu ul.nav-main .mega-menu-signin .dropdown-menu {
  width: 40%;
  right: 8px;
  border-radius: 6px 0 6px 6px;
}

/* line 2935, app/assets/stylesheets/application.css.sass */
#header nav.mega-menu ul.nav-main .mega-menu-signin .fa-user {
  margin-right: 5px;
}

/* line 2937, app/assets/stylesheets/application.css.sass */
#header nav.mega-menu ul.nav-main .mega-menu-signin .mega-menu-sub-title {
  margin-bottom: 10px;
  display: block;
}

/* line 2940, app/assets/stylesheets/application.css.sass */
#header nav.mega-menu ul.nav-main .mega-menu-signin .sign-up-info, #header nav.mega-menu ul.nav-main .mega-menu-signin .log-in-info {
  text-align: center;
  display: block;
}

/* line 2943, app/assets/stylesheets/application.css.sass */
#header nav.mega-menu ul.nav-main .mega-menu-signin.open a.dropdown-toggle {
  margin-bottom: -1px;
  padding-bottom: 11px;
}

/* line 2947, app/assets/stylesheets/application.css.sass */
#header nav.mega-menu ul.nav-main .mega-menu-signin.signin .signin-form {
  display: block;
}

/* line 2949, app/assets/stylesheets/application.css.sass */
#header nav.mega-menu ul.nav-main .mega-menu-signin.signin .signup-form, #header nav.mega-menu ul.nav-main .mega-menu-signin.signin .recover-form {
  display: none;
}

/* line 2952, app/assets/stylesheets/application.css.sass */
#header nav.mega-menu ul.nav-main .mega-menu-signin.signup .signin-form {
  display: none;
}

/* line 2954, app/assets/stylesheets/application.css.sass */
#header nav.mega-menu ul.nav-main .mega-menu-signin.signup .signup-form {
  display: block;
}

/* line 2956, app/assets/stylesheets/application.css.sass */
#header nav.mega-menu ul.nav-main .mega-menu-signin.signup .recover-form {
  display: none;
}

/* line 2959, app/assets/stylesheets/application.css.sass */
#header nav.mega-menu ul.nav-main .mega-menu-signin.recover .signin-form, #header nav.mega-menu ul.nav-main .mega-menu-signin.recover .signup-form {
  display: none;
}

/* line 2961, app/assets/stylesheets/application.css.sass */
#header nav.mega-menu ul.nav-main .mega-menu-signin.recover .recover-form {
  display: block;
}

/* line 2965, app/assets/stylesheets/application.css.sass */
#header nav.mega-menu ul.nav-main .mega-menu-signin.logged .user-avatar .img-thumbnail {
  float: left;
  margin-right: 15px;
}

/* line 2968, app/assets/stylesheets/application.css.sass */
#header nav.mega-menu ul.nav-main .mega-menu-signin.logged .user-avatar .img-thumbnail img {
  max-width: 55px;
}

/* line 2970, app/assets/stylesheets/application.css.sass */
#header nav.mega-menu ul.nav-main .mega-menu-signin.logged .user-avatar strong {
  color: #111;
  display: block;
  padding-top: 7px;
}

/* line 2974, app/assets/stylesheets/application.css.sass */
#header nav.mega-menu ul.nav-main .mega-menu-signin.logged .user-avatar span {
  color: #666;
  display: block;
  font-size: 12px;
}

/* line 2978, app/assets/stylesheets/application.css.sass */
#header nav.mega-menu ul.nav-main .mega-menu-signin.logged .user-avatar p {
  color: #999;
  margin: 0 0 0 25px;
  text-align: left;
}

/* line 2982, app/assets/stylesheets/application.css.sass */
#header nav.mega-menu ul.nav-main .mega-menu-signin.logged .list-account-options {
  list-style: square;
  margin-top: 6px;
}

/* line 2985, app/assets/stylesheets/application.css.sass */
#header nav.mega-menu ul.nav-main .mega-menu-signin.logged .list-account-options a:hover {
  text-decoration: none;
}

/* line 2989, app/assets/stylesheets/application.css.sass */
body #header nav.mega-menu .mega-menu-signin ul.dropdown-menu li a, body #header nav.mega-menu .mega-menu-signin ul.dropdown-menu:hover li:hover li:hover a {
  background-color: transparent !important;
  color: #333;
  padding: 0;
  margin: 0;
}

/* Responsive */
@media (max-width: 991px) {
  /* line 2997, app/assets/stylesheets/application.css.sass */
  #header nav.mega-menu ul.nav-main .mega-menu-signin {
    margin-right: 0;
  }
  /* line 2999, app/assets/stylesheets/application.css.sass */
  #header nav.mega-menu ul.nav-main .mega-menu-signin a {
    color: #FFF;
  }
  /* line 3001, app/assets/stylesheets/application.css.sass */
  #header nav.mega-menu ul.nav-main .mega-menu-signin a .fa-angle-down {
    display: none !important;
  }
  /* line 3003, app/assets/stylesheets/application.css.sass */
  #header nav.mega-menu ul.nav-main .mega-menu-signin ul.dropdown-menu {
    display: block !important;
    margin: 25px 0 0 0 !important;
    padding: 0 0 0 8px;
    width: 100%;
    right: 0;
  }
  /* line 3009, app/assets/stylesheets/application.css.sass */
  #header nav.mega-menu ul.nav-main .mega-menu-signin ul.dropdown-menu li a {
    color: #FFF;
    padding: 6px 0 !important;
  }
  /* line 3014, app/assets/stylesheets/application.css.sass */
  #header nav.mega-menu ul.nav-main .mega-menu-signin.logged .user-avatar strong, #header nav.mega-menu ul.nav-main .mega-menu-signin.logged .user-avatar span {
    color: #FFF !important;
  }
  /* line 3016, app/assets/stylesheets/application.css.sass */
  #header nav.mega-menu ul.nav-main .mega-menu-signin.logged .list-account-options {
    margin: 25px 0 0 0 !important;
  }
  /* line 3018, app/assets/stylesheets/application.css.sass */
  #header nav.mega-menu ul.nav-main .mega-menu-signin.logged .list-account-options a {
    color: #FFF !important;
  }
  /* line 3020, app/assets/stylesheets/application.css.sass */
  #header nav.mega-menu ul.nav-main .mega-menu-signin.logged .list-account-options a:hover {
    color: #FFF !important;
  }
}

/* Responsive */
@media (max-width: 991px) {
  /* Header */
  /* line 3026, app/assets/stylesheets/application.css.sass */
  #header {
    clear: both;
  }
  /* line 3028, app/assets/stylesheets/application.css.sass */
  #header > .container {
    margin-bottom: 0;
  }
  /* line 3030, app/assets/stylesheets/application.css.sass */
  #header .header-top, #header .social-icons, #header .search {
    display: none;
  }
  /* line 3032, app/assets/stylesheets/application.css.sass */
  #header .nav-collapse {
    background: #171717;
    width: 100%;
    clear: both;
    width: 100%;
  }
  /* line 3037, app/assets/stylesheets/application.css.sass */
  #header .nav-collapse .container .nav-main {
    float: left;
    width: 100%;
  }
  /* line 3040, app/assets/stylesheets/application.css.sass */
  #header .nav-main-collapse {
    top: 8px;
    position: relative;
    background: #171717;
    max-height: none;
    width: 100%;
    overflow: hidden;
    overflow-y: hidden;
    overflow-x: hidden;
  }
  /* line 3049, app/assets/stylesheets/application.css.sass */
  #header .nav-main-collapse.collapse {
    display: none !important;
  }
  /* line 3051, app/assets/stylesheets/application.css.sass */
  #header .nav-main-collapse.in {
    width: 100%;
    overflow: hidden;
    overflow-y: hidden;
    overflow-x: hidden;
    display: block !important;
  }
  /* line 3057, app/assets/stylesheets/application.css.sass */
  #header .nav-main {
    padding: 10px 0;
    clear: both;
    display: block;
    float: none;
    width: 100%;
  }
  /* line 3063, app/assets/stylesheets/application.css.sass */
  #header .nav-main ul {
    padding: 0;
    margin: 0;
  }
  /* line 3066, app/assets/stylesheets/application.css.sass */
  #header .nav-main ul li {
    padding: 0;
    margin: 0;
    clear: both;
    float: none;
    display: block;
    border-bottom: 1px solid #2A2A2A;
  }
  /* line 3073, app/assets/stylesheets/application.css.sass */
  #header .nav-main ul li:last-child {
    border-bottom: none;
  }
  /* line 3075, app/assets/stylesheets/application.css.sass */
  #header .nav-main ul ul {
    margin-left: 20px !important;
  }
  /* line 3077, app/assets/stylesheets/application.css.sass */
  #header .nav-main ul.nav-main {
    float: none;
    position: static;
    margin: 8px 0;
    margin-right: -10px;
  }
  /* line 3082, app/assets/stylesheets/application.css.sass */
  #header .nav-main ul.dropdown-menu {
    position: static;
    clear: both;
    float: none;
    display: none !important;
  }
  /* line 3088, app/assets/stylesheets/application.css.sass */
  #header .nav-main li.resp-active > ul.dropdown-menu {
    display: block !important;
  }
  /* line 3090, app/assets/stylesheets/application.css.sass */
  #header .nav-main li.dropdown a.dropdown-toggle.extra {
    float: right;
    position: relative;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    margin: 3px 0 -38px 0;
    z-index: 10;
    display: block;
  }
  /* line 3100, app/assets/stylesheets/application.css.sass */
  #header .nav-main li a.dropdown-toggle.disabled .fa {
    display: none;
  }
  /* line 3103, app/assets/stylesheets/application.css.sass */
  #header nav ul.nav-main > li + li {
    margin-left: 0;
  }
  /* line 3106, app/assets/stylesheets/application.css.sass */
  #header nav ul.nav-main li a {
    color: #FFF;
    clear: both;
    float: none;
    display: block;
    padding: 9px 8px !important;
    border: 0;
    border-top: 0;
    margin: 0;
  }
  /* line 3115, app/assets/stylesheets/application.css.sass */
  #header nav ul.nav-main li a i.fa-angle-down {
    position: absolute;
    right: 5px;
    top: 10px;
  }
  /* line 3119, app/assets/stylesheets/application.css.sass */
  #header nav ul.nav-main li.dropdown:hover > a {
    margin: 0;
    padding: 9px 8px !important;
  }
  /* line 3123, app/assets/stylesheets/application.css.sass */
  #header nav ul.nav-main ul.dropdown-menu {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  /* line 3127, app/assets/stylesheets/application.css.sass */
  #header nav ul.nav-main ul.dropdown-menu li > a {
    padding: 9px 8px;
    border: 0;
    border-top: 0;
    margin: 0;
    border-bottom: none;
  }
  /* line 3133, app/assets/stylesheets/application.css.sass */
  #header nav ul.nav-main ul.sub-menu {
    padding: 0;
    margin: 0 0 10px 0;
  }
  /* line 3137, app/assets/stylesheets/application.css.sass */
  #header nav ul.nav-main .dropdown-submenu > a:after {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #FFF;
  }
  /* line 3141, app/assets/stylesheets/application.css.sass */
  #header nav ul.nav-main .dropdown-submenu:hover > a:after {
    border-left-color: transparent;
  }
  /* line 3145, app/assets/stylesheets/application.css.sass */
  body #header nav ul.nav-main ul.dropdown-menu {
    background: none !important;
    background-color: transparent !important;
  }
  /* line 3149, app/assets/stylesheets/application.css.sass */
  body #header nav ul.nav-main li.dropdown.open .dropdown-toggle, body #header nav ul.nav-main li a, body #header nav ul.nav-main li > a:hover, body #header nav ul.nav-main li.active a, body #header nav ul.nav-main li.dropdown:hover a {
    background: none !important;
    background-color: transparent !important;
  }
  /* line 3152, app/assets/stylesheets/application.css.sass */
  body #header nav ul.nav-main ul.dropdown-menu li:hover > a, body #header nav ul.nav-main li.dropdown:hover ul.dropdown-menu li > a:hover {
    background: none !important;
    background-color: transparent !important;
  }
  /* line 3155, app/assets/stylesheets/application.css.sass */
  body.sticky-menu-active #header .nav-main-collapse {
    max-height: 300px;
  }
  /* line 3157, app/assets/stylesheets/application.css.sass */
  #header.fixed .nav-main-collapse {
    max-height: 300px;
  }
  /* line 3159, app/assets/stylesheets/application.css.sass */
  body.sticky-menu-active #header .nav-main-collapse.in, #header.fixed .nav-main-collapse.in {
    overflow: hidden !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
  }
  /* line 3163, app/assets/stylesheets/application.css.sass */
  body.sticky-menu-active #header .logo img, #header.fixed .logo img {
    margin-top: -12px;
  }
  /* Responsive Button Nav */
  /* line 3166, app/assets/stylesheets/application.css.sass */
  .btn-responsive-nav {
    background: #171717;
    top: 55px;
    display: block;
    position: absolute;
    right: 20px;
    color: #FFF;
    z-index: 1;
  }
  /* line 3174, app/assets/stylesheets/application.css.sass */
  .btn-responsive-nav:hover, .btn-responsive-nav:active, .btn-responsive-nav:focus {
    color: #CCC;
    outline: none;
  }
  /* Logo */
  /* line 3179, app/assets/stylesheets/application.css.sass */
  #header h1.logo img {
    max-width: 180px;
    max-height: none !important;
    height: auto !important;
  }
  /* line 3183, app/assets/stylesheets/application.css.sass */
  #header .header-top ul.nav-top {
    float: left;
    margin: 7px 0 0 -15px;
    min-height: 5px;
  }
  /* Nav Top */
}

@media (max-width: 767px) {
  /* Header */
  /* line 3191, app/assets/stylesheets/application.css.sass */
  #header {
    display: block;
  }
  /* line 3193, app/assets/stylesheets/application.css.sass */
  #header > .container {
    width: 100%;
  }
  /* line 3195, app/assets/stylesheets/application.css.sass */
  #header .social-icons {
    display: none;
  }
  /* line 3197, app/assets/stylesheets/application.css.sass */
  #header nav ul.nav-top {
    float: right;
    margin-right: 0;
  }
  /* line 3200, app/assets/stylesheets/application.css.sass */
  #header.center nav {
    width: auto;
  }
  /* Responsive Button Nav */
  /* line 3203, app/assets/stylesheets/application.css.sass */
  .btn-responsive-nav {
    top: 55px;
  }
  /* line 3205, app/assets/stylesheets/application.css.sass */
  body.sticky-menu-active .btn-responsive-nav {
    top: 60px;
  }
}

@media (max-width: 479px) {
  /* line 3210, app/assets/stylesheets/application.css.sass */
  #header nav ul.nav-top, #header .header-top {
    display: none;
  }
}

@media (max-width: 600px) {
  /* Header */
  /* line 3215, app/assets/stylesheets/application.css.sass */
  #header nav ul.nav-top li {
    display: none;
  }
  /* line 3217, app/assets/stylesheets/application.css.sass */
  #header nav ul.nav-top li .phone {
    display: block;
  }
}

/* Page Top */
/* line 3222, app/assets/stylesheets/application.css.sass */
.page-top {
  background-color: #171717;
  border-bottom: 5px solid #CCC;
  border-top: 5px solid #384045;
  margin-bottom: 35px;
  min-height: 50px;
  padding: 0;
  padding: 20px 0;
  position: relative;
  text-align: left;
}

/* line 3232, app/assets/stylesheets/application.css.sass */
.page-top ul.breadcrumb {
  background: none;
  margin: -3px 0 0;
  padding: 0;
}

/* line 3236, app/assets/stylesheets/application.css.sass */
.page-top ul.breadcrumb > li {
  text-shadow: none;
}

/* line 3238, app/assets/stylesheets/application.css.sass */
.page-top h2 {
  border-bottom: 5px solid #CCC;
  color: #FFF;
  display: inline-block;
  font-weight: 200;
  margin: 0 0 -25px;
  min-height: 37px;
  line-height: 46px;
  padding: 0 0 17px;
  position: relative;
}

/* line 3248, app/assets/stylesheets/application.css.sass */
.page-top.custom-product {
  background-image: url(/../img/custom-header-bg.jpg);
  background-repeat: repeat;
  background-color: #999;
  border-top: 5px solid #888;
  overflow: hidden;
}

/* line 3254, app/assets/stylesheets/application.css.sass */
.page-top.custom-product .row {
  position: relative;
}

/* line 3256, app/assets/stylesheets/application.css.sass */
.page-top.custom-product p.lead {
  color: #E8E8E8;
}

/* line 3258, app/assets/stylesheets/application.css.sass */
.page-top.custom-product img {
  bottom: -47px;
  position: relative;
}

/* line 3261, app/assets/stylesheets/application.css.sass */
.page-top.custom-product h1 {
  color: #FFF;
  margin-bottom: 10px;
  margin-top: 30px;
}

/* Page Top Custom - Create your Own */
/* Responsive */
@media (max-width: 479px) {
  /* line 3270, app/assets/stylesheets/application.css.sass */
  .page-top {
    padding: 16px 0;
  }
  /* line 3272, app/assets/stylesheets/application.css.sass */
  .page-top h2 {
    line-height: 37px;
  }
}

/* Parallax */
/* line 3277, app/assets/stylesheets/application.css.sass */
.parallax {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  margin: 70px 0;
  padding: 50px 0;
  position: relative;
}

/* line 3283, app/assets/stylesheets/application.css.sass */
.parallax.parallax-ready {
  background-attachment: fixed;
}

/* line 3285, app/assets/stylesheets/application.css.sass */
.parallax.parallax-disabled {
  background-attachment: scroll !important;
  background-position: 50% 50% !important;
}

/* line 3288, app/assets/stylesheets/application.css.sass */
.parallax blockquote {
  border: 0;
  padding: 0 10%;
}

/* line 3291, app/assets/stylesheets/application.css.sass */
.parallax blockquote i.fa-quote-left {
  font-size: 34px;
  position: relative;
  left: -5px;
}

/* line 3295, app/assets/stylesheets/application.css.sass */
.parallax blockquote p {
  font-size: 24px;
  line-height: 30px;
}

/* line 3298, app/assets/stylesheets/application.css.sass */
.parallax blockquote span {
  font-size: 16px;
  line-height: 20px;
  color: #999;
  position: relative;
  left: -5px;
}

/* Responsive */
@media (max-width: 991px) {
  /* line 3307, app/assets/stylesheets/application.css.sass */
  .parallax {
    background-attachment: scroll !important;
    background-position: 50% 50% !important;
  }
}

/* Section Featured */
/* line 3313, app/assets/stylesheets/application.css.sass */
.featured_section {
  background: #F0F0ED;
  border-top: 5px solid #ECECE8;
  margin: 35px 0;
  padding: 50px 0;
}

/* line 3318, app/assets/stylesheets/application.css.sass */
.featured_section.footer {
  margin: 30px 0 -70px;
}

/* line 3320, app/assets/stylesheets/application.css.sass */
.featured_section.map {
  background-image: url(/../img/map-bottom.png);
  background-position: center 0;
  background-repeat: no-repeat;
  margin-top: 0;
  border-top: 0;
}

/* Section Highlight */
/* line 3329, app/assets/stylesheets/application.css.sass */
.highlight_section {
  background: #CCC;
  boder-left: 0;
  boder-right: 0;
  border: 3px solid #CCC;
  margin: 35px 0 45px;
  padding: 40px 0;
  color: #FFF;
}

/* line 3338, app/assets/stylesheets/application.css.sass */
.highlight_section > p, .highlight_section > a {
  color: #FFF;
}

/* line 3340, app/assets/stylesheets/application.css.sass */
.highlight_section h1, .highlight_section h2, .highlight_section h3, .highlight_section h4, .highlight_section h5 {
  color: #FFF;
}

/* line 3342, app/assets/stylesheets/application.css.sass */
.highlight_section .img-thumbnail {
  background-color: #FFF !important;
  border-color: #FFF !important;
}

/* line 3345, app/assets/stylesheets/application.css.sass */
.highlight_section.footer {
  margin: 45px 0 -70px;
}

/* line 3347, app/assets/stylesheets/application.css.sass */
.highlight_section.top {
  margin-top: 0;
}

/* Call To Action */
/* line 3352, app/assets/stylesheets/application.css.sass */
.call-to-action {
  position: relative;
  clear: both;
}

/* line 3355, app/assets/stylesheets/application.css.sass */
.call-to-action:before {
  content: "";
  display: block;
  position: absolute;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-top: 15px solid #FFF;
  height: 15px;
  width: 15px;
  top: -5px;
  left: 50%;
  margin-left: -7px;
}

/* line 3367, app/assets/stylesheets/application.css.sass */
.call-to-action h3 {
  text-transform: none;
  color: #121212;
}

/* line 3370, app/assets/stylesheets/application.css.sass */
.call-to-action h3 .btn {
  margin-left: 10px;
}

/* line 3372, app/assets/stylesheets/application.css.sass */
.call-to-action.no-arrow:before {
  display: none;
}

/* Sidebar */
/* line 3377, app/assets/stylesheets/application.css.sass */
aside ul.nav-list > li > a {
  color: #666;
  font-size: 0.9em;
}

/* Home Slider - Revolution Slider */
/* line 3383, app/assets/stylesheets/application.css.sass */
.slider-container {
  background: #171717;
  overflow: hidden;
  padding: 0;
  position: relative;
  z-index: 1;
}

/* line 3389, app/assets/stylesheets/application.css.sass */
.slider-container ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* line 3393, app/assets/stylesheets/application.css.sass */
.slider-container .tp-bannershadow {
  filter: alpha(opacity=20);
  opacity: 0.20;
}

/* line 3396, app/assets/stylesheets/application.css.sass */
.slider-container .top-label {
  color: #FFF;
  font-size: 24px;
  font-weight: 300;
}

/* line 3400, app/assets/stylesheets/application.css.sass */
.slider-container .main-label {
  color: #FFF;
  font-size: 62px;
  line-height: 62px;
  font-weight: 800;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.15);
}

/* line 3406, app/assets/stylesheets/application.css.sass */
.slider-container .bottom-label {
  color: #FFF;
  font-size: 20px;
  font-weight: 300;
}

/* line 3410, app/assets/stylesheets/application.css.sass */
.slider-container .blackboard-text {
  color: #BAB9BE;
  font-size: 46px;
  line-height: 46px;
  font-family: "Shadows Into Light", cursive;
  text-transform: uppercase;
}

/* line 3416, app/assets/stylesheets/application.css.sass */
.slider-container .tp-caption {
  opacity: 0;
}

/* line 3418, app/assets/stylesheets/application.css.sass */
.slider-container .tp-caption a {
  color: #FFF;
}

/* line 3420, app/assets/stylesheets/application.css.sass */
.slider-container .tp-caption a:hover {
  color: #FFF;
}

/* line 3422, app/assets/stylesheets/application.css.sass */
.slider-container .tp-caption.fullscreenvideo {
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
  left: 0 !important;
}

/* line 3428, app/assets/stylesheets/application.css.sass */
.slider-container .tp-caption.fullscreenvideo video {
  height: 100%;
  width: 100%;
  padding: 0;
  position: relative;
}

/* line 3433, app/assets/stylesheets/application.css.sass */
.slider-container.light {
  background-color: #EAEAEA;
}

/* line 3435, app/assets/stylesheets/application.css.sass */
.slider-container.light .tp-bannershadow {
  filter: alpha(opacity=5);
  opacity: 0.05;
  top: 0;
  bottom: auto;
  z-index: 1000;
}

/* line 3441, app/assets/stylesheets/application.css.sass */
.slider-container.light .top-label, .slider-container.light .main-label, .slider-container.light .bottom-label {
  color: #333;
}

/* line 3443, app/assets/stylesheets/application.css.sass */
.slider-container.light .tp-caption a {
  color: #333;
}

/* line 3445, app/assets/stylesheets/application.css.sass */
.slider-container.light .tp-caption a:hover {
  color: #333;
}

/* Responsive */
@media (max-width: 991px) {
  /* line 3450, app/assets/stylesheets/application.css.sass */
  .slider-container {
    min-height: 0;
  }
}

/* line 3453, app/assets/stylesheets/application.css.sass */
.slider {
  height: 495px;
  max-height: 495px;
  position: relative;
}

/* line 3460, app/assets/stylesheets/application.css.sass */
.rev_slider > ul > li > img {
  visibility: hidden;
}

/* line 3462, app/assets/stylesheets/application.css.sass */
.rev_slider > ul > li > .center-caption {
  left: 0 !important;
  margin-left: 0 !important;
  text-align: center;
  width: 100%;
}

/* line 3467, app/assets/stylesheets/application.css.sass */
.rev_slider .tp-bannertimer {
  display: none;
}

/* line 3469, app/assets/stylesheets/application.css.sass */
.rev_slider .main-button {
  font-size: 22px;
  font-weight: 600;
  line-height: 20px;
  padding-bottom: 20px;
  padding-top: 20px;
  padding-left: 25px;
  padding-right: 25px;
}

/* line 3478, app/assets/stylesheets/application.css.sass */
.slider-container-fullscreen {
  max-height: none;
}

/* line 3480, app/assets/stylesheets/application.css.sass */
.slider-container-fullscreen .slider {
  max-height: none;
}

/* Home Slider - Nivo Slider */
/* line 3485, app/assets/stylesheets/application.css.sass */
.nivo-slider {
  position: relative;
}

/* line 3488, app/assets/stylesheets/application.css.sass */
.nivo-slider .theme-default .nivoSlider {
  border-radius: 10px 10px 0px 0px;
  box-shadow: none;
  margin-top: 10px;
}

/* line 3492, app/assets/stylesheets/application.css.sass */
.nivo-slider .theme-default .nivoSlider img {
  border-radius: 10px 10px 0px 0px;
}

/* line 3494, app/assets/stylesheets/application.css.sass */
.nivo-slider .theme-default .nivo-controlNav {
  margin-top: -72px;
  position: absolute;
  z-index: 100;
  right: 5px;
  bottom: -17px;
}

/* line 3500, app/assets/stylesheets/application.css.sass */
.nivo-slider .theme-default .nivo-caption {
  padding-left: 20px;
}

/* Map */
/* line 3505, app/assets/stylesheets/application.css.sass */
.map-section {
  background: transparent url(/../img/map-top.png) center 0 no-repeat;
  padding-top: 220px;
  margin-top: 40px;
}

/* Home Intro */
/* line 3512, app/assets/stylesheets/application.css.sass */
.home-intro {
  background-color: #171717;
  margin-bottom: 60px;
  overflow: hidden;
  padding: 20px 0 10px 0;
  position: relative;
  text-align: left;
}

/* line 3519, app/assets/stylesheets/application.css.sass */
.home-intro p {
  color: #FFF;
  display: inline-block;
  font-size: 1.4em;
  font-weight: 300;
  max-width: 800px;
  padding-top: 5px;
}

/* line 3526, app/assets/stylesheets/application.css.sass */
.home-intro p span {
  color: #999;
  display: block;
  font-size: 0.8em;
  padding-top: 5px;
}

/* line 3531, app/assets/stylesheets/application.css.sass */
.home-intro p em {
  font-family: "Shadows Into Light", cursive;
  font-size: 1.6em;
}

/* line 3534, app/assets/stylesheets/application.css.sass */
.home-intro .get-started {
  margin-top: 15px;
  margin-bottom: 15px;
  position: relative;
  text-align: right;
}

/* line 3539, app/assets/stylesheets/application.css.sass */
.home-intro .get-started .btn {
  position: relative;
  z-index: 1;
}

/* line 3542, app/assets/stylesheets/application.css.sass */
.home-intro .get-started .btn i {
  font-size: 1.1em;
  font-weight: normal;
  margin-left: 5px;
}

/* line 3546, app/assets/stylesheets/application.css.sass */
.home-intro .get-started a {
  color: #FFF;
}

/* line 3548, app/assets/stylesheets/application.css.sass */
.home-intro .get-started a:not(.btn) {
  color: #777777;
}

/* line 3550, app/assets/stylesheets/application.css.sass */
.home-intro .learn-more {
  margin-left: 15px;
}

/* line 3552, app/assets/stylesheets/application.css.sass */
.home-intro.light {
  background-color: #E2E2E2;
}

/* line 3554, app/assets/stylesheets/application.css.sass */
.home-intro.light.secundary {
  background-color: #E0E1E4;
}

/* line 3556, app/assets/stylesheets/application.css.sass */
.home-intro.light p {
  color: #777777;
}

/* Home Intro Compact */
/* line 3561, app/assets/stylesheets/application.css.sass */
.home-intro-compact {
  border-radius: 0 0 10px 10px;
  margin-top: -10px;
}

/* line 3564, app/assets/stylesheets/application.css.sass */
.home-intro-compact p {
  padding-left: 20px;
}

/* line 3566, app/assets/stylesheets/application.css.sass */
.home-intro-compact .get-started {
  padding-right: 20px;
}

/* Responsive */
@media (max-width: 767px) {
  /* Home Intro */
  /* line 3572, app/assets/stylesheets/application.css.sass */
  .home-intro-compact {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }
}

/* Home Concept */
/* line 3580, app/assets/stylesheets/application.css.sass */
.home-concept {
  background: transparent url(/../img/home-concept.png) no-repeat center 0;
  width: 100%;
  overflow: hidden;
}

/* line 3584, app/assets/stylesheets/application.css.sass */
.home-concept strong {
  display: block;
  font-family: "Shadows Into Light", cursive;
  font-size: 2.1em;
  font-weight: normal;
  position: relative;
  margin-top: 30px;
}

/* line 3591, app/assets/stylesheets/application.css.sass */
.home-concept .row {
  position: relative;
}

/* line 3593, app/assets/stylesheets/application.css.sass */
.home-concept .process-image {
  background: transparent url(/../img/home-concept-item.png) no-repeat 0 0;
  width: 160px;
  height: 175px;
  margin: 135px auto 0 auto;
  padding-bottom: 50px;
  position: relative;
  z-index: 1;
}

/* line 3601, app/assets/stylesheets/application.css.sass */
.home-concept .process-image img {
  border-radius: 150px;
  margin: 7px 8px;
}

/* line 3604, app/assets/stylesheets/application.css.sass */
.home-concept .our-work {
  margin-top: 52px;
  font-size: 2.6em;
}

/* line 3607, app/assets/stylesheets/application.css.sass */
.home-concept .project-image {
  background: transparent url(/../img/home-concept-item.png) no-repeat 100% 0;
  width: 350px;
  height: 420px;
  margin: 15px 0 0 -30px;
  padding-bottom: 45px;
  position: relative;
  z-index: 1;
}

/* line 3615, app/assets/stylesheets/application.css.sass */
.home-concept .sun {
  background: transparent url(/../img/home-concept-icons.png) no-repeat 0 0;
  width: 60px;
  height: 56px;
  display: block;
  position: absolute;
  left: 10%;
  top: 35px;
}

/* line 3623, app/assets/stylesheets/application.css.sass */
.home-concept .cloud {
  background: transparent url(/../img/home-concept-icons.png) no-repeat 100% 0;
  width: 116px;
  height: 56px;
  display: block;
  position: absolute;
  left: 57%;
  top: 35px;
}

/* Responsive */
@media (max-width: 991px) {
  /* line 3634, app/assets/stylesheets/application.css.sass */
  .home-concept {
    background: none;
  }
  /* line 3636, app/assets/stylesheets/application.css.sass */
  .home-concept .project-image {
    margin: 60px auto 0 auto;
  }
  /* line 3638, app/assets/stylesheets/application.css.sass */
  .home-concept .process-image {
    margin-top: 60px;
  }
}

@media (max-width: 479px) {
  /* line 3643, app/assets/stylesheets/application.css.sass */
  .home-concept .project-image {
    background-position: 0 0;
    margin-left: auto;
    max-width: 160px;
    max-height: 220px;
  }
  /* line 3648, app/assets/stylesheets/application.css.sass */
  .home-concept .fc-slideshow {
    max-height: 145px;
    max-width: 145px;
  }
  /* line 3651, app/assets/stylesheets/application.css.sass */
  .home-concept .fc-slideshow img {
    max-height: 145px;
    max-width: 145px;
  }
}

/* Page 404 */
/* line 3657, app/assets/stylesheets/application.css.sass */
.page-not-found {
  margin: 50px 0;
}

/* line 3659, app/assets/stylesheets/application.css.sass */
.page-not-found h2 {
  font-size: 140px;
  font-weight: 600;
  letter-spacing: -10px;
  line-height: 140px;
}

/* line 3664, app/assets/stylesheets/application.css.sass */
.page-not-found h4 {
  color: #777777;
}

/* line 3666, app/assets/stylesheets/application.css.sass */
.page-not-found p {
  font-size: 1.4em;
  line-height: 36px;
}

/* Responsive */
@media (max-width: 479px) {
  /* line 3672, app/assets/stylesheets/application.css.sass */
  .page-not-found {
    margin: 0;
  }
  /* line 3674, app/assets/stylesheets/application.css.sass */
  .page-not-found h2 {
    font-size: 100px;
    letter-spacing: 0;
    line-height: 100px;
  }
}

/* #Footer */
/* line 3681, app/assets/stylesheets/application.css.sass */
#footer {
  background: #0e0e0e;
  border-top: 4px solid #0e0e0e;
  font-size: 0.9em;
  margin-top: 50px;
  padding: 80px 0 0;
  position: relative;
  clear: both;
}

/* line 3689, app/assets/stylesheets/application.css.sass */
#footer a:hover {
  color: #CCC;
}

/* line 3691, app/assets/stylesheets/application.css.sass */
#footer form {
  filter: alpha(opacity=85);
  opacity: 0.85;
}

/* line 3694, app/assets/stylesheets/application.css.sass */
#footer h1, #footer h2, #footer h3, #footer h4, #footer a {
  color: #FFF !important;
}

/* line 3696, app/assets/stylesheets/application.css.sass */
#footer h4 {
  font-size: 1.8em;
  font-weight: 200;
}

/* line 3699, app/assets/stylesheets/application.css.sass */
#footer h5 {
  color: #CCC !important;
}

/* line 3703, app/assets/stylesheets/application.css.sass */
#footer ul.nav-list.primary > li a {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  line-height: 20px;
  padding-bottom: 11px;
}

/* line 3707, app/assets/stylesheets/application.css.sass */
#footer ul.nav-list.primary > li:last-child a {
  border-bottom: 0;
}

/* line 3709, app/assets/stylesheets/application.css.sass */
#footer ul.nav-list.primary > li a:hover {
  background-color: rgba(255, 255, 255, 0.05);
}

/* line 3711, app/assets/stylesheets/application.css.sass */
#footer ul.list.icons li {
  margin-bottom: 5px;
}

/* line 3714, app/assets/stylesheets/application.css.sass */
#footer .container .row > div {
  margin-bottom: 25px;
}

/* line 3716, app/assets/stylesheets/application.css.sass */
#footer .container input:focus {
  box-shadow: none;
}

/* line 3718, app/assets/stylesheets/application.css.sass */
#footer .footer-ribbon {
  background: #999;
  position: absolute;
  margin: -100px 0 0 22px;
  padding: 10px 20px 6px 20px;
}

/* line 3723, app/assets/stylesheets/application.css.sass */
#footer .footer-ribbon:before {
  border-right: 10px solid #646464;
  border-top: 16px solid transparent;
  content: "";
  display: block;
  height: 0;
  left: -10px;
  position: absolute;
  top: 0;
  width: 7px;
}

/* line 3733, app/assets/stylesheets/application.css.sass */
#footer .footer-ribbon span {
  color: #FFF;
  font-size: 1.6em;
  font-family: "Shadows Into Light", cursive;
}

/* line 3737, app/assets/stylesheets/application.css.sass */
#footer .newsletter form {
  width: 100%;
  max-width: 262px;
}

/* line 3740, app/assets/stylesheets/application.css.sass */
#footer .newsletter form input.form-control {
  height: 34px;
  padding: 6px 12px;
}

/* line 3743, app/assets/stylesheets/application.css.sass */
#footer .alert a {
  color: #222 !important;
}

/* line 3745, app/assets/stylesheets/application.css.sass */
#footer .alert a:hover {
  color: #666 !important;
}

/* Twitter */
/* line 3751, app/assets/stylesheets/application.css.sass */
.twitter .fa {
  clear: both;
  font-size: 1.5em;
  position: relative;
  top: 3px;
}

/* line 3756, app/assets/stylesheets/application.css.sass */
.twitter .time {
  color: #999;
  display: block;
  font-size: 0.9em;
  padding-top: 3px;
  margin-bottom: 20px;
}

/* line 3762, app/assets/stylesheets/application.css.sass */
.twitter .time:last-child {
  margin-bottom: 0;
}

/* line 3764, app/assets/stylesheets/application.css.sass */
.twitter ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* line 3769, app/assets/stylesheets/application.css.sass */
#footer .twitter-account {
  color: #FFF;
  display: block;
  font-size: 0.9em;
  margin: -15px 0 5px;
  filter: alpha(opacity=55);
  opacity: 0.55;
}

/* line 3777, app/assets/stylesheets/application.css.sass */
.twitter-account:hover {
  filter: alpha(opacity=100);
  opacity: 1;
}

/* line 3782, app/assets/stylesheets/application.css.sass */
#footer .contact {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* line 3786, app/assets/stylesheets/application.css.sass */
#footer .contact i {
  display: block;
  float: left;
  font-size: 1.2em;
  margin: 7px 8px 10px 0;
  position: relative;
  text-align: center;
  top: -2px;
  width: 16px;
}

/* line 3795, app/assets/stylesheets/application.css.sass */
#footer .contact i.fa-envelope {
  font-size: 1em;
  top: 0;
}

/* line 3798, app/assets/stylesheets/application.css.sass */
#footer .contact p {
  margin-bottom: 10px;
}

/* line 3800, app/assets/stylesheets/application.css.sass */
#footer .logo {
  display: block;
}

/* line 3802, app/assets/stylesheets/application.css.sass */
#footer .logo.push-bottom {
  margin-bottom: 12px;
}

/* line 3804, app/assets/stylesheets/application.css.sass */
#footer .footer-copyright {
  background: #060606;
  border-top: 4px solid #060606;
  margin-top: 40px;
  padding: 30px 0 10px;
}

/* line 3809, app/assets/stylesheets/application.css.sass */
#footer .footer-copyright nav {
  float: right;
}

/* line 3811, app/assets/stylesheets/application.css.sass */
#footer .footer-copyright nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* line 3815, app/assets/stylesheets/application.css.sass */
#footer .footer-copyright nav ul li {
  border-left: 1px solid #505050;
  display: inline-block;
  line-height: 12px;
  margin: 0;
  padding: 0 8px;
}

/* line 3821, app/assets/stylesheets/application.css.sass */
#footer .footer-copyright nav ul li:first-child {
  border: medium none;
  padding-left: 0;
}

/* line 3824, app/assets/stylesheets/application.css.sass */
#footer .footer-copyright p {
  color: #555;
  margin: 0;
  padding: 0;
}

/* line 3828, app/assets/stylesheets/application.css.sass */
#footer .phone {
  color: #FFF;
  font-size: 26px;
  font-weight: bold;
  display: block;
  padding-bottom: 15px;
  margin-top: -5px;
}

/* line 3836, app/assets/stylesheets/application.css.sass */
#footer .recent-work li {
  float: left;
  width: 30%;
  margin: 10px 3% 0 0;
}

/* line 3840, app/assets/stylesheets/application.css.sass */
#footer .recent-work li .thumb-info {
  float: left;
  display: inline-block;
}

/* line 3843, app/assets/stylesheets/application.css.sass */
#footer .recent-work li:hover img {
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
}

/* line 3849, app/assets/stylesheets/application.css.sass */
#footer .recent-work img {
  width: 100%;
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
  filter: gray;
  -webkit-filter: grayscale(100%);
}

/* line 3854, app/assets/stylesheets/application.css.sass */
#footer .view-more-recent-work {
  padding: 12px;
}

/* line 3856, app/assets/stylesheets/application.css.sass */
#footer.short {
  padding-top: 50px;
}

/* line 3858, app/assets/stylesheets/application.css.sass */
#footer.short .footer-copyright {
  background: transparent;
  border: 0;
  padding-top: 0;
  margin-top: 0;
}

/* Responsive */
@media (max-width: 991px) {
  /* line 3866, app/assets/stylesheets/application.css.sass */
  #footer .phone {
    font-size: 20px;
  }
}

@media (max-width: 767px) {
  /* Footer */
  /* line 3871, app/assets/stylesheets/application.css.sass */
  #footer .phone {
    font-size: 20px;
  }
}

/* Dark Version */
/* line 3878, app/assets/stylesheets/application.css.sass */
html.dark body, html.dark.boxed .body {
  background-color: #1d2127;
}

/* line 3880, app/assets/stylesheets/application.css.sass */
html.dark #header {
  background: #1d2127;
  border-top-color: #191c21;
  border-radius: 6px 6px 0 0;
}

/* line 3885, app/assets/stylesheets/application.css.sass */
html.dark #header nav ul.nav-top li a:hover {
  background-color: #282d36;
}

/* line 3890, app/assets/stylesheets/application.css.sass */
html.dark #header nav.mega-menu ul.nav-main li.mega-menu-item .mega-menu-sub-title {
  color: #FFF;
}

/* line 3892, app/assets/stylesheets/application.css.sass */
html.dark #header nav.mega-menu ul.nav-main li.mega-menu-item ul.dropdown-menu {
  background-color: #282d36 !important;
}

/* line 3894, app/assets/stylesheets/application.css.sass */
html.dark #header nav.mega-menu ul.nav-main li.mega-menu-item:hover ul.sub-menu li:hover a:hover {
  background-color: #0c0d10 !important;
}

/* line 3896, app/assets/stylesheets/application.css.sass */
html.dark #header nav.mega-menu ul.nav-main li.mega-menu-item .form-control {
  background-color: #2e353e !important;
  border-color: #2e353e !important;
  color: #FFF !important;
}

/* line 3901, app/assets/stylesheets/application.css.sass */
html.dark #header nav.mega-menu ul.nav-main .mega-menu-signin a {
  color: #FFF;
}

/* line 3903, app/assets/stylesheets/application.css.sass */
html.dark #header nav.mega-menu ul.nav-main .mega-menu-signin a:hover {
  color: #FFF;
}

/* line 3905, app/assets/stylesheets/application.css.sass */
html.dark #header nav.mega-menu ul.nav-main .mega-menu-signin.logged .user-avatar strong {
  color: #FFF;
}

/* line 3907, app/assets/stylesheets/application.css.sass */
html.dark #header nav.mega-menu .mega-menu-signin ul.dropdown-menu:hover li:hover li:hover a {
  color: #d9d9d9;
}

/* line 3909, app/assets/stylesheets/application.css.sass */
html.dark #header .search input.search:focus {
  border-color: #282d36;
}

/* line 3911, app/assets/stylesheets/application.css.sass */
html.dark #header.clean-top .header-top {
  background: #21262d;
  border-bottom-color: #282d36;
}

/* line 3914, app/assets/stylesheets/application.css.sass */
html.dark #header.narrow {
  border-bottom-color: #21262d;
}

/* line 3917, app/assets/stylesheets/application.css.sass */
html.dark #header nav.mega-menu .mega-menu-shop .actions-continue {
  border-top-color: #21262d;
}

/* line 3919, app/assets/stylesheets/application.css.sass */
html.dark #header nav.mega-menu .mega-menu-shop .dropdown-menu li table tr td a, html.dark #header nav.mega-menu .mega-menu-shop a {
  color: #FFF;
}

/* line 3921, app/assets/stylesheets/application.css.sass */
html.dark body.sticky-menu-active #header {
  border-bottom-color: #282d36;
}

/* line 3923, app/assets/stylesheets/application.css.sass */
html.dark h1, html.dark h2, html.dark h3, html.dark h4, html.dark h5, html.dark h6 {
  color: #FFF;
}

/* line 3926, app/assets/stylesheets/application.css.sass */
html.dark .alert h1, html.dark .alert h2, html.dark .alert h3, html.dark .alert h4, html.dark .alert h5, html.dark .alert h6 {
  color: #111;
}

/* line 3928, app/assets/stylesheets/application.css.sass */
html.dark blockquote {
  border-color: #282d36;
}

/* line 3930, app/assets/stylesheets/application.css.sass */
html.dark .featured_section {
  background-color: #191c21;
  border-top-color: #2e353e;
}

/* line 3933, app/assets/stylesheets/application.css.sass */
html.dark .featured_section.map {
  background-image: url(/../img/map-bottom-dark.png);
}

/* line 3935, app/assets/stylesheets/application.css.sass */
html.dark .call-to-action:before {
  border-top-color: #2e353e;
}

/* line 3938, app/assets/stylesheets/application.css.sass */
html.dark section.timeline:after {
  background: #505050;
  background: -moz-linear-gradient(top, rgba(80, 80, 80, 0) 0%, #505050 8%, #505050 92%, rgba(80, 80, 80, 0) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1e5799), color-stop(100%, #7db9e8));
  background: -webkit-linear-gradient(top, rgba(80, 80, 80, 0) 0%, #505050 8%, #505050 92%, rgba(80, 80, 80, 0) 100%);
  background: -o-linear-gradient(top, rgba(80, 80, 80, 0) 0%, #505050 8%, #505050 92%, rgba(80, 80, 80, 0) 100%);
  background: -ms-linear-gradient(top, rgba(80, 80, 80, 0) 0%, #505050 8%, #505050 92%, rgba(80, 80, 80, 0) 100%);
  background: linear, to bottom, rgba(80, 80, 80, 0) 0%, #505050 8%, #505050 92%, rgba(80, 80, 80, 0) 100%;
}

/* line 3946, app/assets/stylesheets/application.css.sass */
html.dark section.timeline .timeline-date {
  background-color: #282d36;
  border-color: #282d36;
  text-shadow: none;
}

/* line 3950, app/assets/stylesheets/application.css.sass */
html.dark section.timeline .timeline-title {
  background: #282d36;
}

/* line 3952, app/assets/stylesheets/application.css.sass */
html.dark section.timeline .timeline-box {
  border-color: #282d36;
  background: #282d36;
}

/* line 3956, app/assets/stylesheets/application.css.sass */
html.dark section.timeline .timeline-box.left:before {
  box-shadow: 0 0 0 3px #282d36, 0 0 0 6px #282d36;
}

/* line 3958, app/assets/stylesheets/application.css.sass */
html.dark section.timeline .timeline-box.left:after {
  background: #282d36;
  border-right-color: #282d36;
  border-top-color: #282d36;
}

/* line 3963, app/assets/stylesheets/application.css.sass */
html.dark section.timeline .timeline-box.right:before {
  box-shadow: 0 0 0 3px #282d36, 0 0 0 6px #282d36;
}

/* line 3965, app/assets/stylesheets/application.css.sass */
html.dark section.timeline .timeline-box.right:after {
  background: #282d36;
  border-left-color: #282d36;
  border-bottom-color: #282d36;
}

/* line 3969, app/assets/stylesheets/application.css.sass */
html.dark .form-control {
  background-color: #282d36;
  border-color: #282d36;
}

/* line 3972, app/assets/stylesheets/application.css.sass */
html.dark .btn-default {
  background-color: #282d36;
  border-color: #282d36;
  color: #FFF;
}

/* line 3977, app/assets/stylesheets/application.css.sass */
html.dark .btn.disabled, html.dark .btn[disabled] {
  border-color: #282d36 !important;
}

/* line 3980, app/assets/stylesheets/application.css.sass */
html.dark .pagination > li > a, html.dark .pagination > li > span {
  background-color: #282d36;
  border-color: #242830;
}

/* line 3983, app/assets/stylesheets/application.css.sass */
html.dark .theme-default .nivoSlider {
  background-color: #1d2127;
}

/* line 3985, app/assets/stylesheets/application.css.sass */
html.dark .map-section {
  background-image: url(/../img/map-top-dark.png);
}

/* line 3987, app/assets/stylesheets/application.css.sass */
html.dark .home-concept {
  background-image: url(/../img/home-concept-dark.png);
}

/* line 3989, app/assets/stylesheets/application.css.sass */
html.dark .home-concept .process-image, html.dark .home-concept .project-image {
  background-image: url(/../img/home-concept-item-dark.png);
}

/* line 3991, app/assets/stylesheets/application.css.sass */
html.dark .home-concept .sun, html.dark .home-concept .cloud {
  background-image: url(/../img/home-concept-icons-dark.png);
}

/* line 3993, app/assets/stylesheets/application.css.sass */
html.dark .page-top {
  border-bottom-color: #191c21;
}

/* line 3996, app/assets/stylesheets/application.css.sass */
html.dark .panel-group .panel {
  background-color: #282d36;
}

/* line 3998, app/assets/stylesheets/application.css.sass */
html.dark .panel-group .panel-default {
  border-color: #282d36;
}

/* line 4000, app/assets/stylesheets/application.css.sass */
html.dark .panel-group .panel-heading {
  background-color: #2e353e;
}

/* line 4002, app/assets/stylesheets/application.css.sass */
html.dark .panel-group .form-control {
  background-color: #21262d;
  border-color: #21262d;
}

/* line 4005, app/assets/stylesheets/application.css.sass */
html.dark .toggle > label {
  background-color: #2e353e;
}

/* line 4007, app/assets/stylesheets/application.css.sass */
html.dark .featured-box {
  background: #2e353e;
  border-left-color: #2e353e;
  border-right-color: #2e353e;
  border-bottom-color: #2e353e;
}

/* line 4012, app/assets/stylesheets/application.css.sass */
html.dark .featured-box.secundary h4 {
  color: #FFF;
}

/* line 4014, app/assets/stylesheets/application.css.sass */
html.dark .feature-box.secundary h4 {
  color: #FFF;
}

/* line 4016, app/assets/stylesheets/application.css.sass */
html.dark .progress {
  background: #2e353e;
}

/* line 4018, app/assets/stylesheets/application.css.sass */
html.dark .arrow {
  background-image: url(/../img/arrows-dark.png);
}

/* line 4020, app/assets/stylesheets/application.css.sass */
html.dark .thumbnail, html.dark .img-thumbnail {
  background-color: #282d36;
  border-color: #282d36;
}

/* line 4023, app/assets/stylesheets/application.css.sass */
html.dark .thumb-info-social-icons {
  border-top-color: #373f4a;
}

/* line 4025, app/assets/stylesheets/application.css.sass */
html.dark ul.nav-list.primary > li a {
  border-bottom-color: #282d36;
}

/* line 4027, app/assets/stylesheets/application.css.sass */
html.dark ul.nav-list.primary > li a:hover {
  background-color: #282d36;
}

/* line 4031, app/assets/stylesheets/application.css.sass */
html.dark .tabs .nav-tabs li a {
  border-top-color: #282d36;
  border-left-color: #282d36;
  border-right-color: #282d36;
  background: #282d36;
}

/* line 4036, app/assets/stylesheets/application.css.sass */
html.dark .tabs .nav-tabs li a:hover {
  border-top-color: #282d36;
  border-left-color: #282d36;
  border-right-color: #282d36;
  background: #282d36;
}

/* line 4041, app/assets/stylesheets/application.css.sass */
html.dark .tabs .nav-tabs.nav-justified li a {
  border-bottom-color: #282d36;
}

/* line 4043, app/assets/stylesheets/application.css.sass */
html.dark .tabs .nav-tabs.nav-justified li a:hover {
  border-bottom-color: #282d36;
}

/* line 4045, app/assets/stylesheets/application.css.sass */
html.dark .tabs.tabs-left .nav-tabs > li a, html.dark .tabs.tabs-right .nav-tabs > li a {
  background: #282d36;
  border-left-color: #282d36;
  border-right-color: #282d36;
}

/* line 4049, app/assets/stylesheets/application.css.sass */
html.dark .tabs.tabs-left .nav-tabs > li:last-child a, html.dark .tabs.tabs-right .nav-tabs > li:last-child a {
  border-bottom-color: #282d36;
}

/* line 4051, app/assets/stylesheets/application.css.sass */
html.dark .tabs .nav-tabs {
  border-color: #282d36;
}

/* line 4053, app/assets/stylesheets/application.css.sass */
html.dark .tabs .nav-tabs li.active a {
  background: #2e353e;
  border-left-color: #2e353e;
  border-right-color: #2e353e;
}

/* line 4057, app/assets/stylesheets/application.css.sass */
html.dark .tabs .nav-tabs li.active a:hover, html.dark .tabs .nav-tabs li.active a:focus {
  background: #2e353e;
  border-left-color: #2e353e;
  border-right-color: #2e353e;
}

/* line 4061, app/assets/stylesheets/application.css.sass */
html.dark .tabs .nav-tabs.nav-justified li.active a {
  border-bottom-color: #2e353e;
}

/* line 4063, app/assets/stylesheets/application.css.sass */
html.dark .tabs.tabs-vertical {
  border-top-color: #2e353e;
}

/* line 4065, app/assets/stylesheets/application.css.sass */
html.dark .tabs.tabs-bottom .nav-tabs li a {
  border-bottom-color: #282d36;
}

/* line 4067, app/assets/stylesheets/application.css.sass */
html.dark .tabs.tabs-bottom .nav-tabs li a:hover {
  border-bottom-color: #282d36;
}

/* line 4069, app/assets/stylesheets/application.css.sass */
html.dark .tabs .tab-content {
  background: #2e353e;
  border-color: #2e353e;
}

/* line 4072, app/assets/stylesheets/application.css.sass */
html.dark .testimonial-author strong {
  color: #FFF;
}

/* line 4074, app/assets/stylesheets/application.css.sass */
html.dark .page-header {
  border-bottom-color: #282d36;
}

/* line 4077, app/assets/stylesheets/application.css.sass */
html.dark .table > thead > tr > th, html.dark .table > tbody > tr > th, html.dark .table > tfoot > tr > th, html.dark .table > thead > tr > td, html.dark .table > tbody > tr > td, html.dark .table > tfoot > tr > td {
  border-color: #282d36;
}

/* line 4079, app/assets/stylesheets/application.css.sass */
html.dark .table-bordered {
  border-color: #282d36;
}

/* line 4082, app/assets/stylesheets/application.css.sass */
html.dark .table-striped > tbody > tr:nth-child(2n+1) > td, html.dark .table-striped > tbody > tr:nth-child(2n+1) > th {
  background-color: #2e353e;
}

/* line 4084, app/assets/stylesheets/application.css.sass */
html.dark pre {
  background-color: #282d36;
  border-color: #282d36;
  color: #777777;
}

/* line 4088, app/assets/stylesheets/application.css.sass */
html.dark .show-grid [class*="col-md-"] .show-grid-block {
  background-color: #282d36;
  border-color: #282d36;
}

/* line 4091, app/assets/stylesheets/application.css.sass */
html.dark hr {
  background-image: -webkit-linear-gradient(left, transparent, rgba(255, 255, 255, 0.2), transparent);
  background-image: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.2), transparent);
}

/* line 4094, app/assets/stylesheets/application.css.sass */
html.dark hr.light {
  background-image: -webkit-linear-gradient(left, transparent, rgba(0, 0, 0, 0.2), transparent);
  background-image: linear-gradient(to right, transparent, rgba(0, 0, 0, 0.2), transparent);
}

/* line 4097, app/assets/stylesheets/application.css.sass */
html.dark ul.history li .thumb {
  background-image: url(/../img/history-thumb-dark.png);
}

/* line 4099, app/assets/stylesheets/application.css.sass */
html.dark .blog-posts article {
  border-color: #282d36;
}

/* line 4101, app/assets/stylesheets/application.css.sass */
html.dark .featured_section .recent-posts .date .day {
  background-color: #282d36;
}

/* line 4104, app/assets/stylesheets/application.css.sass */
html.dark article.post .post-date .day {
  background-color: #282d36;
}

/* line 4106, app/assets/stylesheets/application.css.sass */
html.dark article .post-video, html.dark article .post-audio {
  background-color: #282d36;
  border-color: #282d36;
}

/* line 4109, app/assets/stylesheets/application.css.sass */
html.dark article .post-video iframe, html.dark article .post-audio iframe {
  background-color: #282d36;
  border-color: #282d36;
}

/* line 4112, app/assets/stylesheets/application.css.sass */
html.dark ul.simple-post-list li {
  border-bottom-color: #21262d;
}

/* line 4114, app/assets/stylesheets/application.css.sass */
html.dark .post-block {
  border-top-color: #191c21;
}

/* line 4117, app/assets/stylesheets/application.css.sass */
html.dark ul.comments .comment-block {
  background-color: #282d36;
}

/* line 4119, app/assets/stylesheets/application.css.sass */
html.dark ul.comments .comment-arrow {
  border-right-color: #282d36;
}

/* line 4122, app/assets/stylesheets/application.css.sass */
html.dark .pricing-table li {
  border-top-color: #21262d;
}

/* line 4124, app/assets/stylesheets/application.css.sass */
html.dark .pricing-table h3 {
  background-color: #21262d;
  text-shadow: none;
}

/* line 4127, app/assets/stylesheets/application.css.sass */
html.dark .pricing-table h3 span {
  background: #282d36;
  border-color: #242830;
  box-shadow: 0 5px 20px #242830 inset, 0 3px 0 #282d36 inset;
  color: #777777;
}

/* line 4132, app/assets/stylesheets/application.css.sass */
html.dark .pricing-table .most-popular {
  border-color: #282d36;
}

/* line 4134, app/assets/stylesheets/application.css.sass */
html.dark .pricing-table .most-popular h3 {
  background-color: #282d36;
  color: #FFF;
  text-shadow: none;
}

/* line 4138, app/assets/stylesheets/application.css.sass */
html.dark .pricing-table .plan-ribbon {
  background-color: #282d36;
}

/* line 4140, app/assets/stylesheets/application.css.sass */
html.dark .pricing-table .plan {
  background: #282d36;
  border: 1px solid #282d36;
  color: #777777;
  text-shadow: none;
}

/* line 4145, app/assets/stylesheets/application.css.sass */
html.dark .product-thumb-info {
  background-color: #282d36;
  border-color: transparent;
}

/* line 4150, app/assets/stylesheets/application.css.sass */
html.dark .shop .quantity .qty {
  background-color: #282d36;
  border-color: transparent;
}

/* line 4153, app/assets/stylesheets/application.css.sass */
html.dark .shop .quantity .minus, html.dark .shop .quantity .plus {
  background-color: #21262d;
  border-color: transparent;
}

/* line 4156, app/assets/stylesheets/application.css.sass */
html.dark .shop table.cart td {
  border-color: #282d36;
}

/* line 4159, app/assets/stylesheets/application.css.sass */
html.dark .shop .cart-totals th, html.dark .shop .cart-totals td {
  border-color: #282d36;
}

/* line 4161, app/assets/stylesheets/application.css.sass */
html.dark .modal-content {
  background-color: #1d2127;
}

/* line 4163, app/assets/stylesheets/application.css.sass */
html.dark .modal-header {
  border-bottom-color: #282d36;
}

/* line 4165, app/assets/stylesheets/application.css.sass */
html.dark .modal-header h1, html.dark .modal-header h2, html.dark .modal-header h3, html.dark .modal-header h4, html.dark .modal-header h5, html.dark .modal-header h6 {
  color: #777777;
}

/* line 4167, app/assets/stylesheets/application.css.sass */
html.dark .modal-header .close {
  text-shadow: none;
  color: #FFF;
}

/* line 4170, app/assets/stylesheets/application.css.sass */
html.dark .modal-footer {
  border-top-color: #282d36;
}

/* line 4172, app/assets/stylesheets/application.css.sass */
html.dark #footer .newsletter form .btn-default {
  background-color: #21262d;
  border-color: #21262d;
  color: #777777;
}

/* line 4177, app/assets/stylesheets/application.css.sass */
html.boxed body {
  background-color: transparent;
  background-position: 0 0;
  background-repeat: repeat;
}

/* line 4181, app/assets/stylesheets/application.css.sass */
html.boxed .body {
  background-color: #FFF;
  border-bottom: 5px solid #0e0e0e;
  border-radius: 5px;
  border-top: 5px solid #CCC;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
  margin: 25px auto;
  max-width: 1200px;
  height: auto;
}

/* line 4190, app/assets/stylesheets/application.css.sass */
html.boxed #header {
  padding: 15px 0;
}

/* line 4192, app/assets/stylesheets/application.css.sass */
html.boxed body.sticky-menu-active #header {
  left: 0;
  top: -65px;
}

/* Responsive */
@media (max-width: 991px) {
  /* line 4198, app/assets/stylesheets/application.css.sass */
  html.dark #header nav.mega-menu ul.nav-main li.mega-menu-item ul.dropdown-menu {
    background: transparent !important;
  }
}

/* Boxed Layout */
/* Responsive */
@media (max-width: 991px) {
  /* line 4205, app/assets/stylesheets/application.css.sass */
  html.boxed .body {
    margin: 0 auto;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
  }
}

@media (max-width: 767px) {
  /* Boxed */
  /* line 4213, app/assets/stylesheets/application.css.sass */
  html.boxed {
    background: none !important;
  }
}

/* KUALLY Child Theme */
/* line 4218, app/assets/stylesheets/application.css.sass */
body {
  font-family: "Helvetica", Arial, sans-serif;
  color: #373737;
}

/* line 4222, app/assets/stylesheets/application.css.sass */
#header {
  background-color: #17243e !important;
  border-top: 5px solid #17243e;
}

/* line 4226, app/assets/stylesheets/application.css.sass */
.google-map {
  margin-top: 0px;
}

/* line 4229, app/assets/stylesheets/application.css.sass */
.page-top {
  display: none;
}

/* line 4232, app/assets/stylesheets/application.css.sass */
.MyTopRow, .sidebar {
  margin-top: 50px;
}

/* line 4235, app/assets/stylesheets/application.css.sass */
p {
  color: #555555;
}

/* line 4238, app/assets/stylesheets/application.css.sass */
.home-intro {
  background-color: #840537;
}

/* line 4240, app/assets/stylesheets/application.css.sass */
.home-intro p span {
  color: #111111;
  font-weight: 500;
}

/* line 4244, app/assets/stylesheets/application.css.sass */
#BandaVerde .btn-primary {
  background-color: #17243e;
  border-color: #111111 !important;
}

/* line 4247, app/assets/stylesheets/application.css.sass */
#BandaVerde .btn-primary a:hover {
  background-color: #1d3158 !important;
  border-color: #222222 !important;
  color: #840537 !important;
}

/* line 4252, app/assets/stylesheets/application.css.sass */
.blog-posts {
  margin-top: 3em;
}

/* line 4255, app/assets/stylesheets/application.css.sass */
#footer {
  background-color: #17243e;
}

/* line 4258, app/assets/stylesheets/application.css.sass */
.footer-ribbon {
  display: none;
}

/* line 4261, app/assets/stylesheets/application.css.sass */
#footer i, #tweet_spyropress_twitter-2 {
  color: #CCC;
}

/* line 4265, app/assets/stylesheets/application.css.sass */
#footer .checkbox, #footer .contact p {
  color: #CCC;
}

/* line 4267, app/assets/stylesheets/application.css.sass */
#footer .footer-copyright {
  background: none repeat scroll 0% 0% #060606;
  border-top: 1px solid #060606;
  margin-top: 40px;
  padding: 20px 0px 0px;
}

/* line 4272, app/assets/stylesheets/application.css.sass */
#footer .footer-copyright p {
  margin: 10px 0 0;
  color: #cccccc;
}

/* line 4275, app/assets/stylesheets/application.css.sass */
#footer .footer-copyright nav ul {
  margin: 10px 0 0;
}

/* line 4278, app/assets/stylesheets/application.css.sass */
.form-control {
  margin-bottom: 1em;
  font-size: 14px;
}

/*Estilos para elementos que solo se despliegan en móviles */
/* line 4284, app/assets/stylesheets/application.css.sass */
.btn-responsive-nav {
  background: #009FE3;
}

/*Estilos para el sitio intranet */
/* line 4289, app/assets/stylesheets/application.css.sass */
#contenido-intranet {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 768px) {
  /* line 4296, app/assets/stylesheets/application.css.sass */
  #contenido-intranet {
    width: 750px;
  }
}

@media (min-width: 992px) {
  /* line 4300, app/assets/stylesheets/application.css.sass */
  #contenido-intranet {
    width: 970px;
  }
}

@media (min-width: 1200px) {
  /* line 4304, app/assets/stylesheets/application.css.sass */
  #contenido-intranet {
    width: 1170px;
  }
}

/* line 4308, app/assets/stylesheets/application.css.sass */
img.wp-smiley, img.emoji {
  display: inline !important;
  border: none !important;
  box-shadow: none !important;
  height: 1em !important;
  width: 1em !important;
  margin: 0 .07em !important;
  vertical-align: -0.1em !important;
  background: none !important;
  padding: 0 !important;
}

/* line 4319, app/assets/stylesheets/application.css.sass */
.tp-caption a {
  color: #ff7302;
  text-shadow: none;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  color: #ff7302;
  text-shadow: none;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
}

/* line 4326, app/assets/stylesheets/application.css.sass */
.tp-caption a:hover {
  color: #ffa902;
  color: #ffa902;
}

/* line 4336, app/assets/stylesheets/application.css.sass */
.normal-label {
  color: #aeabab;
}

/* line 4339, app/assets/stylesheets/application.css.sass */
.subtitle-label {
  color: #840537;
  font-size: 4;
}

/* line 4343, app/assets/stylesheets/application.css.sass */
.title-label {
  color: #840537;
  font-size: 6;
}

/* line 4347, app/assets/stylesheets/application.css.sass */
.panel-primary {
  border-color: rgba(66, 139, 202, 0);
  box-shadow: 0 0 30px #d2cece;
}

/* line 4351, app/assets/stylesheets/application.css.sass */
.table-striped > tbody > tr:nth-child(odd) {
  background-color: rgba(249, 249, 249, 0.17);
}

/* line 4354, app/assets/stylesheets/application.css.sass */
body {
  font-family: "Helvetica", Arial, sans-serif;
  color: #848484;
}

/* line 4358, app/assets/stylesheets/application.css.sass */
.btn-info {
  color: #fff;
  background-color: #FF0A6C;
  border-color: #46b8da;
}

/* line 4363, app/assets/stylesheets/application.css.sass */
.navbar-default .navbar-nav > li > a {
  color: #FFF;
}

/* line 4365, app/assets/stylesheets/application.css.sass */
.navbar-default .navbar-nav > li > a:hover {
  color: #FFF;
}

/* line 4368, app/assets/stylesheets/application.css.sass */
#footer {
  /* background: #0e0e0e; */
  border-top: 0px solid #0e0e0e;
  font-size: 0.9em;
  margin-top: 50px;
  padding: 0px;
  position: relative;
  clear: both;
}

/* line 4377, app/assets/stylesheets/application.css.sass */
.table-not-border tr {
  border-style: hidden;
}

/* line 4380, app/assets/stylesheets/application.css.sass */
.link-white {
  color: #FFF;
}

/* line 4383, app/assets/stylesheets/application.css.sass */
html, body {
  height: 100%;
}

/* line 4386, app/assets/stylesheets/application.css.sass */
#wrapper {
  min-height: 100%;
  position: relative;
}

/* line 4390, app/assets/stylesheets/application.css.sass */
#header {
  /* ... */
}

/* line 4393, app/assets/stylesheets/application.css.sass */
#content {
  /* ... */
  padding-bottom: 380px;
  /* El tamaño del footer para evitar el sobreposicionamiento */
}

/* line 4398, app/assets/stylesheets/application.css.sass */
#footer {
  width: 100%;
  height: 280px;
  position: absolute;
  bottom: 0;
  left: 0;
}

/* line 4405, app/assets/stylesheets/application.css.sass */
.navbar-default-ads {
  background-color: #323232 !important;
  border-top: 5px solid #323232;
}

/* line 4409, app/assets/stylesheets/application.css.sass */
.navbar-default-ads .navbar-toggle .icon-bar {
  background-color: #fdfdfd;
}

/* line 4413, app/assets/stylesheets/application.css.sass */
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
  background-color: #840537;
}

/* line 4416, app/assets/stylesheets/application.css.sass */
.navbar-default-menu_lateral-ads {
  background-color: #840537 !important;
  border-top: 5px solid #840537 !important;
}

/* line 4420, app/assets/stylesheets/application.css.sass */
.navbar-default-menu_lateral-ads .navbar-brand {
  color: #f9f9f9;
}

/* line 4423, app/assets/stylesheets/application.css.sass */
.navbar-default-menu_lateral-ads .navbar-brand .navbar-toggle .icon-bar {
  border-color: #dddddd;
}

/* line 4426, app/assets/stylesheets/application.css.sass */
.navbar-default-menu_lateral-ads .navbar-toggle .icon-bar {
  background-color: #fdfdfd;
}

/* line 4429, app/assets/stylesheets/application.css.sass */
.navbar-brand-ads {
  padding-top: 7px;
  padding-left: 100px;
  padding-top: 3px !important;
}

/* line 4434, app/assets/stylesheets/application.css.sass */
.ads-logo {
  display: inline-block;
  top: 0px;
}

/* line 4439, app/assets/stylesheets/application.css.sass */
.nav-ads {
  font-size: 16px;
}

/* line 4441, app/assets/stylesheets/application.css.sass */
.nav-ads li {
  border-left-color: #0e4d8c !important;
  border-left-style: solid !important;
  border-left-width: 1px !important;
}

/* line 4445, app/assets/stylesheets/application.css.sass */
.nav-ads li a {
  color: white;
  cursor: auto !important;
  padding-bottom: 13px !important;
  padding-left: 14px !important;
  padding-right: 14px !important;
  padding-top: 14px !important;
  position: relative !important;
}

/* line 4453, app/assets/stylesheets/application.css.sass */
.nav-ads li a:hover, .nav-ads li a:focus {
  color: white !important;
  cursor: auto !important;
  padding-bottom: 13px !important;
  padding-left: 14px !important;
  padding-right: 14px !important;
  padding-top: 14px !important;
  position: relative !important;
  background-color: #840537 !important;
}

/* line 4463, app/assets/stylesheets/application.css.sass */
.customer-select {
  background-color: #1f3052 !important;
  color: white !important;
  border: none !important;
}

/* line 4468, app/assets/stylesheets/application.css.sass */
.footer-application {
  border-top: 0px solid #0e0e0e !important;
  font-size: 0.9em !important;
  margin-top: 50px !important;
  padding: 0px !important;
  position: relative !important;
  clear: both !important;
  width: 100% !important;
  height: 125px !important;
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  background-color: rgba(23, 36, 62, 0) !important;
}

/* line 4482, app/assets/stylesheets/application.css.sass */
.navbar {
  min-height: 82px;
}

/* line 4485, app/assets/stylesheets/application.css.sass */
.navbar-default-ads .navbar-nav > .active > a {
  color: #ffffff;
  background-color: #840537;
  border-radius: 4px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}

/* line 4493, app/assets/stylesheets/application.css.sass */
.navbar-default-ads .navbar-nav > .active > a:hover, .navbar-default-ads .navbar-nav > .active > a:focus {
  color: #ffffff;
  background-color: #840537;
}

/* line 4497, app/assets/stylesheets/application.css.sass */
.dropdown-menu-ads {
  background-color: #840537;
}

/* line 4500, app/assets/stylesheets/application.css.sass */
.dropdown-menu-ads > li > a {
  color: #ffffff;
}

/* line 4503, app/assets/stylesheets/application.css.sass */
.dropdown-menu-ads > li > a:hover {
  color: #ffffff;
  background-color: #840537;
}

@media (max-width: 767px) {
  /* line 4508, app/assets/stylesheets/application.css.sass */
  .navbar-default-ads .navbar-nav .open .dropdown-menu-ads > li > a {
    color: #ffffff;
  }
}

/* line 4511, app/assets/stylesheets/application.css.sass */
.navbar-default .navbar-nav > li > a:hover {
  border-radius: 4px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  color: #ffffff;
  background-color: #840537;
}

/* line 4520, app/assets/stylesheets/application.css.sass */
.navbar-default .navbar-nav > li > a:focus {
  color: #ffffff;
}

/* line 4523, app/assets/stylesheets/application.css.sass */
.navbar-default .navbar-nav > .open > a {
  background-color: #e7e7e7;
  color: #555555;
}

/* line 4526, app/assets/stylesheets/application.css.sass */
.navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
  border-radius: 4px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  color: #ffffff;
  background-color: #840537;
}

/* line 4535, app/assets/stylesheets/application.css.sass */
.navbar-default .navbar-nav > .open > a {
  color: #ffffff;
  background-color: #840537;
}

/* line 4539, app/assets/stylesheets/application.css.sass */
.modal-header-ads-info {
  padding: 9px 15px;
  border-bottom: 1px solid #eee;
  background-color: #840537;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

/* make sidebar nav vertical */
@media (min-width: 768px) {
  /* line 4557, app/assets/stylesheets/application.css.sass */
  .sidebar-nav .navbar .navbar-collapse {
    padding: 0;
    max-height: none;
  }
  /* line 4560, app/assets/stylesheets/application.css.sass */
  .sidebar-nav .navbar ul {
    float: none;
    display: block;
  }
  /* line 4563, app/assets/stylesheets/application.css.sass */
  .sidebar-nav .navbar li {
    float: none;
    display: block;
  }
  /* line 4566, app/assets/stylesheets/application.css.sass */
  .sidebar-nav .navbar li a {
    padding-top: 12px;
    padding-bottom: 12px;
  }
}

/* line 4570, app/assets/stylesheets/application.css.sass */
.ads-divider-menu_lateral {
  border-bottom-style: double;
  border-bottom-color: #17243e;
}

/* line 4574, app/assets/stylesheets/application.css.sass */
.navbar-default-menu_lateral-ads .navbar-nav > li > a:hover {
  background-color: #FF0A6C !important;
}

/* line 4577, app/assets/stylesheets/application.css.sass */
.ads-main-title {
  color: #840537;
  margin-bottom: 5px;
}

/* line 4581, app/assets/stylesheets/application.css.sass */
.ads-divider-main-title {
  color: #840537;
  background-color: #840537;
  height: 3px;
  margin-top: 0px;
}

/* line 4587, app/assets/stylesheets/application.css.sass */
.ads-header-tables {
  color: #840537;
}

/* line 4590, app/assets/stylesheets/application.css.sass */
#table_result > tbody > tr > td > a:not(.adit-badge):not(.adit-badge-link) {
  color: #840537  !important;
}

/* line 4593, app/assets/stylesheets/application.css.sass */
.ads-footer-background-color {
  background-color: #840537  !important;
}

/* line 4596, app/assets/stylesheets/application.css.sass */
.ads-text-black {
  color: black;
}

/* line 4599, app/assets/stylesheets/application.css.sass */
.adn-btn {
  background-color: #840537;
  border-color: #840537;
  color: white;
}

/* line 4603, app/assets/stylesheets/application.css.sass */
.adn-btn:hover, .adn-btn:focus {
  background-color: #FF0A6C;
  color: white;
}

/* line 4607, app/assets/stylesheets/application.css.sass */
.adn-color {
  color: #840537 !important;
}

/* line 4609, app/assets/stylesheets/application.css.sass */
.adn-color a {
  color: #840537 !important;
}

/* line 4613, app/assets/stylesheets/application.css.sass */
.ads-logo {
  max-height: 40px;
  width: auto;
  height: auto;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* line 4619, app/assets/stylesheets/application.css.sass */
.ads-logo:hover {
  transform: scale(1.1);
}

/* line 4623, app/assets/stylesheets/application.css.sass */
.navbar-nav li a {
  transition: transform 0.3s ease;
}

/* line 4626, app/assets/stylesheets/application.css.sass */
.navbar-nav li a:hover {
  transform: scale(1.1);
}

/* line 4630, app/assets/stylesheets/application.css.sass */
.navbar {
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.2);
}

/* line 4633, app/assets/stylesheets/application.css.sass */
.navbar-nav li a.active.adn-subaction-selected {
  background-color: #5a1122;
  /* Rojo vino */
  color: #fff;
  /* Color de texto en estado activo */
  border-radius: 4px;
  /* Bordes redondeados */
  padding: 10px 15px;
  /* Espaciado interno para mayor área clickeable */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  /* Sombra sutil */
  font-weight: bold;
  /* Negrita para mayor énfasis */
}