/* resources/css/app.css */

@layer components {
    .loading-button {
        @apply inline-flex items-center justify-center gap-2 rounded-lg
               px-4 py-2.5 text-sm font-semibold
               transition duration-150
               focus:outline-none focus:ring-4
               disabled:cursor-wait
               disabled:opacity-70;
    }

    .loading-button-primary {
        @apply bg-blue-600 text-white
               hover:bg-blue-700
               focus:ring-blue-200
               dark:bg-blue-600
               dark:hover:bg-blue-700
               dark:focus:ring-blue-900;
    }

    .loading-button-secondary {
        @apply border border-slate-300 bg-white text-slate-700
               hover:bg-slate-100
               focus:ring-slate-200
               dark:border-slate-600
               dark:bg-slate-800
               dark:text-slate-100
               dark:hover:bg-slate-700
               dark:focus:ring-slate-700;
    }

    .loading-button-danger {
        @apply bg-red-600 text-white
               hover:bg-red-700
               focus:ring-red-200
               dark:bg-red-600
               dark:hover:bg-red-700
               dark:focus:ring-red-900;
    }

    .loading-button-success {
        @apply bg-emerald-600 text-white
               hover:bg-emerald-700
               focus:ring-emerald-200
               dark:bg-emerald-600
               dark:hover:bg-emerald-700
               dark:focus:ring-emerald-900;
    }

    .loading-button-spinner {
        @apply h-4 w-4 shrink-0 animate-spin;
    }
}

.dataTables_wrapper .dataTables_filter  {
    display: none;
}

.datatable-info {
    display: none;
}

.dataTables_paginate {
    display: none;
}

.icon-scoring-red {
  background-image: url('./../images/red-scoring.png');
  height: 42px;
  width: 75px;
  margin-left: 10px;
  display: inline-block
}

.icon-scoring-green {
  background-image: url('./../images/green-scoring.png');
  height: 42px;
  width: 75px;
  margin-left: 10px;
  display: inline-block
}

.icon-scoring-orange {
  background-image: url('./../images/orange-scoring.png');
  height: 42px;
  width: 75px;
  margin-left: 10px;
  display: inline-block
}

.icon-scoring-yellow {
  background-image: url('./../images/yellow-scoring.png');
  height: 42px;
  width: 75px;
  margin-left: 10px;
  display: inline-block
}

.loading-button-spinner {
    display: inline-block;
    width: 1.25rem;
    height: 1.25rem;
    flex-shrink: 0;
    animation: loading-button-spin 0.8s linear infinite;
}
.loading-button-spinner path:first-child { opacity: 0.25; }      /* círculo de fondo tenue */
.loading-button-spinner path:last-child  { fill: currentColor; } /* arco que gira */
@keyframes loading-button-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) {
    .loading-button-spinner { animation-duration: 2s; }
}
#btn_datos_matricula_ws .loading-button-text { display: none; }

.parsley-required {
    color: red;
    font-size: 0.875rem;
    margin-top: 0.25rem;
    display: block;


.parsley-type {
    color: red !important;
    font-size: 0.875rem;
    margin-top: 0.25rem;
    display: block;
}

.parsley-pattern {
    color: red;
    font-size: 0.875rem;
    margin-top: 0.25rem;
    display: block;
}