/* ESTILOS HEADER */

/* Fallback defensivo (si algún tema lo pisa) */
.text-secondary { color: #6c757d !important; }

:root{
	--nav-bg: #0f172a;
	--nav-text: rgba(255,255,255,.9);
	--nav-text-muted: rgba(255,255,255,.75);
	--nav-accent: #c8a24d;
	--nav-accent-soft: #e8d49a;
}

.navbar {
	/*background: rgb(153, 7, 5)!important;*/*/
	box-shadow: 0 2px 10px rgba(0,0,0,.12);
}

.navbar-brand{
	font-family: 'Playfair Display', serif;
	font-weight: 600;
	letter-spacing: .3px;
	color: var(--nav-text);
	display: inline-flex;
	align-items: center;
	gap: .6rem;
}
.navbar-brand .brand-text{
	background: linear-gradient(45deg, var(--nav-accent), var(--nav-accent-soft));
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-size: 1.2rem;
}
.brand-logo{
	width: 40px; height: 40px;
	object-fit: cover;
	border-radius: 10px;
	border: 1px solid rgba(255,255,255,.15);
	background: #fff;
}

.navbar .nav-link{
	font-family: 'Poppins', sans-serif;
	color: var(--nav-text);
	font-weight: 500;
	position: relative;
	transition: color .3s ease;
	padding: .5rem .8rem;
	border-radius: 6px;
}

/* Hover con fondo degradado sutil */
.navbar .nav-link:hover,
.navbar .nav-link:focus{
	color: #fff;
	background: linear-gradient(90deg, rgba(200,162,77,0.15) 0%, rgba(232,212,154,0.15) 100%);
	box-shadow: inset 0 0 0 1px rgba(200,162,77,0.25);
}

/* Dropdown oscuro */
.dropdown-menu{
	background: #111827;
	border: 1px solid rgba(255,255,255,.08);
}
.dropdown-item{
	color: var(--nav-text-muted);
	font-family: 'Poppins', sans-serif;
	transition: background .3s ease, color .3s ease;
}
.dropdown-item:hover,
.dropdown-item:focus{
	color: #fff;
	background: linear-gradient(90deg, rgba(200,162,77,0.15) 0%, rgba(232,212,154,0.15) 100%);
}
.dropdown-divider{ border-color: rgba(255,255,255,.08); }

/* Carrito */
.cart-link{ color: var(--nav-text); transition: color .3s ease; }
.cart-link:hover{ color:#fff; }
.cart-badge{
	position: absolute;
	top: -6px; right: -8px;
	min-width: 18px; height: 18px;
	padding: 0 5px;
	border-radius: 9px;
	font-size: .7rem;
}

/* Foco accesible */
.navbar a:focus-visible,
.navbar button:focus-visible{
	outline: 2px solid var(--nav-accent);
	outline-offset: 2px;
	border-radius: 6px;
}



/* ESTILOS CUERPO */

body {
	background-color: #f8f9fa;
}
.card img {
	height: 200px;
	object-fit: cover;
}
.navbar-brand img {
	height: 40px;
}

.card {
	transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}
.card:hover {
	transform: translateY(-8px) scale(1.02);
	box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.2);
}



/* ESTILOS FOOTER */


.footer .footer-link{
	color: rgba(255,255,255,.85);
	text-decoration: none;
}

.footer .footer-link:hover{
	color:#fff;
	text-decoration: underline;
}

.footer address{ 
	font-style: normal; 
}