html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}
/*================= INICIA COLOR VERDE BOOSTRAP TABLE =================*/

input,
select,
textarea,
button {
    padding: 0.5rem 0.5rem !important;
    font-size: 0.875rem !important;
    line-height: 1.5 !important;
    border-radius: 0.2rem !important;
}


.dropdown-item:hover,
.dropdown-item:focus {
    background-color: rgba(27,94,32, 0.1);
    color: rgb(27,94,32);
}

.dropdown-item.active,
.dropdown-item.active:focus,
.dropdown-item.active:hover {
    background-color: rgb(27,94,32);
    color: #fff;
}

/* Color para el checkbox marcado */
.dropdown-menu input[type="checkbox"]:checked {
    accent-color: rgb(27,94,32);
}

/* Opcional: resaltar al hacer hover sobre el label */
.dropdown-item:hover {
    background-color: rgba(27,94,32, 0.05);
}

/* Opcional: cambiar borde de enfoque del input */
.dropdown-menu input[type="checkbox"]:focus {
    outline: none;
    box-shadow: 0 0 0 0.2rem rgba(27,94,32, 0.3);
    border-color: rgb(27,94,32);
}





.pagination .page-link {
    color: rgb(27,94,32);
    border: 1px solid rgb(27,94,32);
}

    .pagination .page-link:hover {
        background-color: rgba(27,94,32,0.1);
        color: rgb(27,94,32);
        border-color: rgb(27,94,32);
    }

.pagination .page-item.active .page-link {
    background-color: rgb(27,94,32);
    border-color: rgb(27,94,32);
    color: #fff;
}

/*================= FINALIZA COLOR VERDE BOOSTRAP TABLE =================*/

/*================= INICIA CARDS PARA LAS EMPRESAS =================*/

.empresa-card {
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    cursor: pointer;
    border: 2px solid transparent;
    border-radius: 12px;
}

.empresa-card:hover {
    transform: scale(1.02);
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
}

    .empresa-card.seleccionado {
        border-color: #144B4B;
        background-color: #e9fbe7;
    }

/*================= FINALIZA CARDS PARA LAS EMPRESAS =================*/

/*================= BOTONES CENTROS =================*/
.btn-custom {
    /*background-color: white;*/ /* verde */
    /*color: black;
    border-radius:15px;*/
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    cursor: pointer;
    border: 2px solid transparent;
    border-radius: 12px;
    background-color: #ffffff;
    color: black !important;
}

    .btn-custom:hover {
        border-color: #144B4B;
        background-color: #e0f2f1;
        color: black;
        transform: scale(1.02);
        box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
    }

.btn-active {
    border-color: #144B4B;
    background-color: #e0f2f1;
    color: black;
    transform: scale(1.02);
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
}

.borde-negro {
    border: 1px solid #000 !important;
    border-radius: 0.5rem;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}
/*================= BOTONES CENTROS =================*/



/* Color de fondo y texto de las pestañas inactivas */
.nav-pills .nav-link {
    background-color: #f0f0f0 !important; /* Color de fondo de las pestañas inactivas */
    color: #1e385d !important; /* Color de texto de las pestañas inactivas */
}

    /* Color de fondo y texto de la pestaña activa */
    .nav-pills .nav-link.active {
        background-color: rgb(27,94,32) !important; /* Color de fondo de la pestaña activa */
        color: #fff !important; /* Color de texto de la pestaña activa */
    }

    /* Cambiar color al pasar el cursor sobre las pestañas inactivas */
    .nav-pills .nav-link:hover {
        background-color: rgb(27,94,32) !important; /* Color de fondo al hacer hover */
        color: white !important; /* Color de texto al hacer hover */
    }


.nav-pills .nav-link {
    padding: 5px 10px !important; /* Reduce espacio interno */
    font-size: 13px !important; /* Reduce tamaño de letra */
}





.img-producto {
    max-height: 200px;
    object-fit: contain;
}

@media (max-width: 991px) {
    #card-imagen {
        order: -1; /* Imagen primero en móviles */
    }
}

tbody tr {
    transition: background-color 0.2s ease;
    cursor: pointer;
}

    tbody tr:hover {
        background-color: #e0f7fa;
    }

    tbody tr.selected {
        background-color: #c8e6c9 !important;
        border-left: 4px solid #2e7d32;
    }




/* Modern Bootstrap 5 Accordion Overrides */
.modern-accordion .accordion-item {
    border: none;
    margin-bottom: 1rem;
    border-radius: .75rem;
    overflow: hidden;
    box-shadow: 0 4px 8px rgba(0,0,0,0.05);
    transition: transform .2s;
}

    .modern-accordion .accordion-item:hover {
        transform: translateY(-2px);
    }

/* Header button */
.modern-accordion .accordion-button {
    background-color: #1b5e20 !important; /* verde oscuro */
    background-image: none !important; /* quita gradiente celeste */
    border: 1px solid #000 !important; /* borde negro */
    color: #fff !important; /* texto blanco */
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 600 !important;
    padding: .75rem 1.25rem !important;
    transition: background-color .2s !important;
}

    .modern-accordion .accordion-button:focus {
        box-shadow: none !important;
    }

    /* White arrow icon */
    .modern-accordion .accordion-button::after {
        filter: invert(1) !important; /* convierte la flecha por defecto en blanco */
    }

    /* Open state */
    .modern-accordion .accordion-button:not(.collapsed) {
        background-color: #145018 !important; /* verde más oscuro al abrir */
    }

/* Content panel */
.modern-accordion .accordion-body {
    background: #fafafa;
    border: 1px solid #000; /* borde negro interno */
    border-top: none;
    border-radius: 0 0 .75rem .75rem;
    padding: 1rem 1.25rem;
    color: #495057;
    line-height: 1.6;
}


/* Clase para inputs y selects con texto en negrita, azul y centrado */
.bold-blue-center {
    font-weight: 700;
    color: #0D47A1;
    text-align: center;
}