/* =====================================================================
   assets/css/style.css
   Estilos personalizados que complementan Bootstrap 5 (look retail).
   ===================================================================== */

body {
    background-color: #f8f9fa;
}

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

.producto-card {
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.producto-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1) !important;
}

.navbar-brand {
    letter-spacing: -0.5px;
}

#contenedor-pago .kr-embedded {
    max-width: 480px;
}