/* Estilos para ByteDeCarbonoVerde */

/* Estilos para imágenes de equipos y software */
/* Estilos globales para todas las imágenes de equipos y software, asegurándonos que se apliquen a todas las vistas */
img[src*="equipment"], img[src*="software"], img[class*="equipment"], img[class*="software"],
.equipment-image, .software-image, .equipment-image img, .software-image img {
    width: 30px !important;
    height: 30px !important;
    max-width: 30px !important;
    max-height: 30px !important;
    object-fit: contain !important;
    display: inline-block !important;
    vertical-align: middle !important;
    margin-right: 10px !important;
}

/* Estilos para tablas */
.table th {
    background-color: #f8f9fa;
}

.table-responsive {
    margin-bottom: 20px;
    overflow-x: auto;
}

/* Estilos específicos para tablas de proyectos y productos */
#projects-table thead tr th,
#products-table thead tr th {
    background-color: #7AC9A1 !important;
    color: white !important;
    font-weight: normal !important;
    border: none !important;
}

#projects-table thead,
#products-table thead {
    background-color: #7AC9A1 !important;
    color: white !important;
}

/* Estilos para la barra de navegación */
.navbar-brand img {
    max-height: 40px;
    margin-right: 10px;
}

/* Estilos para las tarjetas */
.card {
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin-bottom: 20px;
    border-radius: 8px;
    overflow: hidden;
}

.card-header {
    font-weight: 600;
}

/* Estilos para los botones */
.btn {
    border-radius: 4px;
    font-weight: 500;
}

.btn-primary {
    background-color: #28a745;
    border-color: #28a745;
}

.btn-primary:hover {
    background-color: #218838;
    border-color: #1e7e34;
}

/* Estilos para la página principal */
.jumbotron {
    background-color: #e9f7ef;
    padding: 3rem;
    margin-bottom: 2rem;
    border-radius: 8px;
}

/* Estilos para formularios */
.form-control:focus {
    border-color: #28a745;
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

label {
    font-weight: 500;
}

/* Iconos de sostenibilidad */
.sustainability-icon {
    font-size: 2.5rem;
    color: #28a745;
    margin-bottom: 1rem;
}

/* Estilos para el footer */
footer {
    background-color: #f8f9fa;
    padding: 2rem 0;
    margin-top: 3rem;
}