/* Configuración General */
body {
    font-family: 'Roboto', sans-serif;
    scroll-behavior: smooth;
}

h1, h2, .navbar-brand {
    font-family: 'Orbitron', sans-serif;
}

.navbar-brand img {
    border-radius: 50%; /* Hace la imagen circular */
    border: 2px solid #025e7a; /* Color cyan de tu botón 'Ver Catálogo' */
    padding: 1px;
    background-color: white; /* Opcional: fondo por si el logo es transparente */
    object-fit: cover;
    transition: transform 0.3s ease;
}

/* Hero Section Personalizado */
.hero-section {
    height: 70vh;
    background: linear-gradient(rgba(0, 20, 40, 0.8), rgba(0, 20, 40, 0.8)), 
                url('https://images.unsplash.com/photo-1518770660439-4636190af475?auto=format&fit=crop&q=80&w=1470') no-repeat center center;
    background-size: cover;
    border-bottom: 4px solid #0dcaf0;
}

/* Estilo de Tarjetas de Producto */
.product-card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    border-radius: 12px;
}

.product-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15) !important;
}

.section-title {
    position: relative;
    padding-bottom: 15px;
}

.section-title::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 60px;
    height: 3px;
    background-color: #0dcaf0;
}

/* Colores Dark Theme Personalizados */
.bg-dark {
    background-color: #0a0e14 !important;
}

.bg-black {
    background-color: #05070a !important;
}

.text-info {
    color: #00d4ff !important;
}

/* Botones */
.btn-info {
    background-color: #00d4ff;
    border-color: #00d4ff;
    color: #000;
}

.btn-info:hover {
    background-color: #00b8e6;
    border-color: #00b8e6;
}

.object-fit-cover { object-fit: cover; transition: transform 0.3s ease; }
.card:hover .object-fit-cover { transform: scale(1.05); }
.orbitron-font { font-family: 'Orbitron', sans-serif; letter-spacing: 1px; }
.btn-group .btn.active { background-color: #212529; color: white; }