/* General */
body {
    font-family: 'Aptos', sans-serif;
    background-color: #f8f9fa;
}

/* Cabecera */
.header-custom {
    background-color: #001f3f;
    padding: 0;
    text-align: center;
    position: relative;
}

.header-custom h2 {
    font-weight: bold;
    color: #fff;
    font-size: 1.5rem;
}

/* Logo */
.logo-img {
    height: 60px;
}

/* Estilos para tarjetas */
.card {
    border-radius: 12px;
    overflow: visible !important;
}

.card img {
    height: 120px;
    object-fit: cover;
}

.card-title {
    font-size: 1.2rem;
    font-weight: bold;
}

.card-text {
    font-size: 1.1rem;
}

.btn-lg {
    font-size: 1rem;
    padding: 10px;
}

/* Estilos específicos para el carrito */
.list-group-item {
    font-size: 1.1rem;
    padding: 10px;
}

/* Botones visibles siempre */
button.btn {
    display: block ;
    visibility: visible ;
    opacity: 1 ;
    width: 100% ;
    height: auto ;
    background-color: #0d6efd ;
    color: white ;
    padding: 8px ;
    font-size: 0.9rem ;
}

/* Optimización para tablets y pantallas menores a 1200px */
@media (max-width: 1200px) {
    .card img {
        height: 100px;
    }
}

/* Optimización adicional para tablets menores a 1100px */
@media (max-width: 1100px) {
    .header-custom h2 {
        font-size: 1.3rem;
    }

    .logo-img {
        height: 50px;
    }
}

.card-footer {
    z-index: 10;
    position: relative;
    background-color: transparent !important;
}

/* Botones de Vaciar Carrito y Finalizar Compra al 50% */
.carrito-botones {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    margin-top: 10px;
}

.carrito-botones .btn {
    flex: 1;
    text-align: center;
    font-size: 1rem;
    padding: 10px;
}

/* Botón de Cerrar Sesión con el mismo tamaño */
.cerrar-sesion {
    display: flex;
    justify-content: center;
    margin-top: 10px;
    width: 100%;
}

.cerrar-sesion .btn {
    width: 50%;
    font-size: 1rem;
    padding: 10px;
}

/* Colores de los botones */
.btn-secondary {
    background-color: #dc3545 !important; /* Rojo */
    border-color: #dc3545 !important;
    color: white !important;
}

.btn-danger {
    background-color: #6c757d !important; /* Gris */
    border-color: #6c757d !important;
    color: white !important;
}

.btn-success {
    background-color: #0d6efd !important; /* Azul */
    border-color: #0d6efd !important;
    color: white !important;
}

/* Ajustar la visualización del texto en cada línea del carrito */
#carrito-lista .list-group-item {
    justify-content: space-between !important;
    display: flex !important;
    align-items: center !important;
}

/* Botones para eliminar líneas del carrito */
#carrito-lista .btn-danger.btn-sm {
    width: auto !important;
    padding: 3px 12px !important;
    font-size: 0.8rem !important;
}