/* ====================================================
   TEMA: AUDAZ
   Potente, mayúsculas, bordes gruesos, movimiento
   ==================================================== */

/* --- Tipografía --- */
h1, h2, h3 {
	font-weight: 900 !important;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	font-style: normal;
}

h2 {
	font-size: 3.2rem !important;
}

h1 { font-size: 4rem !important; }

/* --- Botones --- */
.btn { border-radius: 0 !important; }
.btn-primary, .btn.fondo1 {
	border-radius: 0 !important;
	background-color: var(--color1) !important;
	border: 2px solid var(--color1) !important;
	color: #fff !important;
	text-transform: uppercase;
	letter-spacing: 0.18em;
	font-weight: 900;
	font-size: 0.82em;
	padding: 10px 26px !important;
	transition: background 0.15s ease, color 0.15s ease !important;
	box-shadow: none !important;
	filter: none !important;
}

.btn-primary:hover, .btn.fondo1:hover,
.btn-primary:focus, .btn.fondo1:focus,
.btn-primary:active, .btn.fondo1:active {
	background: transparent !important;
	color: var(--color1) !important;
	border-color: var(--color1) !important;
	box-shadow: none !important;
	filter: none !important;
}

.btn-outline-primary,
.btn-outline-secondary {
	border-radius: 0 !important;
	border: 2px solid var(--color1) !important;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	font-weight: 700;
	font-size: 0.82em;
	transition: all 0.15s ease;
}

.btn-outline-primary:hover {
	background: var(--color1) !important;
	color: #fff !important;
}

/* --- Tarjetas de producto --- */
.pro-ficha-mini {
	background: #fff !important;
	padding: 0 !important;
	border: none !important;
	overflow: hidden;
	position: relative;
}

.pro-ficha-mini::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 3px;
	background: var(--color1);
	transform: scaleX(0);
	transform-origin: left;
	transition: transform 0.3s ease;
}

.pro-ficha-mini:hover::after {
	transform: scaleX(1);
}

.pro-ficha-mini .img-container .img {
	transition: transform 0.4s ease !important;
}

.pro-ficha-mini:hover .img-container .img {
	transform: scale(1.05) !important;
}

.pro-ficha-mini .info {
	padding: 10px 12px 14px !important;
	text-align: left !important;
}

.pro-ficha-mini .info .nombre {
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	font-size: 0.88em;
}

/* --- Navbar --- */
#navbarNav .navbar-nav a {
	text-transform: uppercase !important;
	letter-spacing: 0.1em !important;
	font-weight: 700 !important;
	font-size: 0.82em !important;
	transition: background 0.15s ease, color 0.15s ease;
}
#navbarNav .navbar-nav a:hover {
	background: var(--color1) !important;
	color: #fff !important;
	padding-left: 10px !important;
	padding-right: 10px !important;
}

/* --- Footer --- */
.footer {
	background: #0a0a0a !important;
	border-top: 3px solid var(--color1) !important;
	color: #d0d0d0;
}
.footer a:not(.color1) {
	color: #999 !important;
}
.footer a:hover {
	color: var(--color1) !important;
}
.footer .fs-4 {
	color: #fff !important;
}
.footer .col-border {
	border-color: #222 !important;
}

.footer2 {
	background: #000 !important;
	border-top: 1px solid #1a1a1a !important;
	color: #888;
}
.footer2 a,
.footer2 .text-dark {
	color: #888 !important;
}
.footer2 a:hover {
	color: var(--color1) !important;
}

/* --- Bloques / banners --- */
.bl .titulo {
	font-weight: 900 !important;
	text-transform: uppercase;
	letter-spacing: 0.04em;
}

/* --- Formularios --- */
input.form-control,
select.form-select,
textarea.form-control {
	border-radius: 0 !important;
}

.input-group > .form-control,
.input-group > .input-group-text { border-radius: 0 !important; }
.input-group > .btn-primary,
.input-group > .btn.fondo1 { border-radius: 0 !important; }

/* --- Cat-top: imagen de fondo full, overlay oscuro, texto blanco --- */
@media (min-width: 992px) {
	.cat-top {
		position: relative;
		overflow: hidden;
		min-height: 300px;
	}
	.cat-top .row > .order-1 {
		position: absolute !important;
		top: 0; left: 0; right: 0; bottom: 0;
		width: 100% !important;
		max-width: 100% !important;
		padding: 0 !important;
		z-index: 0;
	}
	.cat-top img {
		width: 100% !important;
		height: 100% !important;
		object-fit: cover !important;
		border-radius: 0 !important;
		filter: brightness(0.35);
	}
	.cat-top .row > .order-2 {
		flex: 0 0 100% !important;
		max-width: 100% !important;
		position: relative;
		z-index: 1;
		padding: 60px 40px !important;
	}
	.cat-top .fondo2-transparent {
		background: transparent !important;
		text-align: left !important;
		align-items: flex-start !important;
	}
	.cat-top .text-center {
		text-align: left !important;
	}
	.cat-top h1 {
		color: #fff !important;
		text-align: left !important;
		font-size: 4rem !important;
	}
	.cat-top .fw-bold,
	.cat-top .fondo2-transparent div {
		color: rgba(255,255,255,0.82) !important;
	}
	/* Sin imagen: fondo negro */
	.cat-top .row > .order-2:only-child {
		background: #111;
		min-height: 200px;
	}
}

/* --- Menú categorías (navbarNav2): borde superior grueso --- */
#navbarNav2 .navbar-nav a {
	text-transform: uppercase;
	letter-spacing: 0.12em;
	font-size: 0.78em !important;
	font-weight: 700;
	transition: background 0.15s ease;
}
#navbarNav2 .navbar-nav a.active {
	border-bottom: none !important;
	border-top: 3px solid currentColor !important;
	background: rgba(255, 255, 255, 0.12) !important;
	padding-top: 5px !important;
}
#navbarNav2 .navbar-nav a:hover {
	background: rgba(255, 255, 255, 0.08) !important;
}