/* Estilos para el botón Volver Arriba (Traslúcido) */
#btn-volver-arriba {
    position: fixed;
    bottom: 25px;
    right: 25px;
    display: none;
    z-index: 999; 
    border-radius: 50%; 
    width: 50px;
    height: 50px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.3);
    opacity: 0.6;
    transition: transform 0.2s, background-color 0.2s, opacity 0.2s; 
}

#btn-volver-arriba:hover {
    transform: scale(1.1); 
    opacity: 1;
}

.producto-card { transition: transform 0.2s, box-shadow 0.2s; }
.producto-card:hover { transform: translateY(-5px); box-shadow: 0 10px 20px rgba(0,0,0,0.1)!important; }
.img-catalogo { height: 250px; object-fit: contain; background-color: #f8f9fa; padding: 15px;}
.hero-section { background: linear-gradient(135deg, #FF69B4 0%, #FF1493 100%); }

@media (max-width: 575.98px) {
    .img-catalogo { height: 150px; padding: 10px; }
    .producto-card .card-title { font-size: 0.95rem; }
}

/* Nuevos colores de botones - Opción A (Teal y Fucsia) */
.btn-comprar {
    background-color: #20c997;
    color: white;
    border: none;
    transition: background-color 0.3s, transform 0.2s;
}

.btn-comprar:hover {
    background-color: #1aa179;
    color: white;
    transform: translateY(-2px);
}

.btn-agregado {
    background-color: #FF1493;
    color: white;
    border: none;
    box-shadow: 0 0 10px rgba(255, 20, 147, 0.4);
}

.btn-agregado:hover {
    background-color: #e61284;
    color: white;
}

/* Fondo general de todo el catálogo en Rosa Pastel */
body {
    background-color: #fdf5f8 !important;
}

/* Fondo para la sección inferior de la tarjeta (SKU, Título y Botones) */
.producto-card .card-body {
    background-color: #e3f2fd; 
    border-bottom-left-radius: var(--bs-card-border-radius);
    border-bottom-right-radius: var(--bs-card-border-radius);
    border-top: 1px solid rgba(0,0,0,0.05);
}