/* === FUENTES PERSONALIZADAS === */
@font-face {
    font-family: 'MADE Tommy Soft';
    src: url('./fonts/MADE Tommy Soft/MADE Tommy Soft Regular PERSONAL USE.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
  }
  
  @font-face {
    font-family: 'MADE Tommy Soft';
    src: url('./fonts/MADE Tommy Soft/MADE Tommy Soft Bold PERSONAL USE.otf') format('opentype');
    font-weight: 700;
    font-style: normal;
  }
  
  /* === CLASES DE FUENTES === */
  .anton-regular {
    font-family: "Anton", serif;
    font-weight: 400;
    font-style: normal;
  }
  
  .raleway-400 {
    font-family: "Raleway", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
  }
  
  .raleway-700 {
    font-family: "Raleway", sans-serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
  }
  
  .raleway-800 {
    font-family: "Raleway", sans-serif;
    font-optical-sizing: auto;
    font-weight: 800;
    font-style: normal;
  }
  
  .tommy-regular {
    font-family: 'MADE Tommy Soft', sans-serif;
    font-weight: 400;
    font-style: normal;
  }
  
  .tommy-bold {
    font-family: 'MADE Tommy Soft', sans-serif;
    font-weight: 700;
    font-style: normal;
  }
  
  /* === BODY & FONDOS === */
  body {
    background-color: #134683;
    background-color: linear-gradient(90deg, rgba(30, 45, 63, 1) 0%, rgba(50, 73, 104, 1) 50%, rgba(30, 45, 63, 1) 100%);
  }
  
  /* === BOTÓN SWEETALERT === */
  .swal2-confirm {
    background-color: #32A5DF !important;
  }
  
  /* === SCROLLBAR OCULTA === */
  .scrollbar-hide::-webkit-scrollbar {
    display: none;
  }
  .scrollbar-hide {
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  
  .custom-checkbox {
    display: flex;
    align-items: center;
    padding: 4px 8px;
    cursor: pointer;
  }

  .custom-checkbox input {
    margin-right: 8px;
  }

  .custom-checkbox:hover {
    background-color: #FFE3B6;
  }

  #menuFiltroCategoria, #menuFiltroUbicacion {
    max-height: 240px;
    overflow-y: auto;
  }
