.tax-marca-page {
  background: #2b2b2b;
}

.tax-marca-header{
    background: #f5f5f5;
    margin-left: 0px;
    margin-bottom: 10px;
    padding: 15px 350px 15px;
    padding-bottom: 10px;
    background: linear-gradient(135deg, #1c1c1c, #2a2a2a);
    height: auto;
}

.tax-marca-header-inner{
    display: flex;
    gap: 40px;
	align-items: center;
    min-height: 50px;
}

.tax-marca-logo{
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 70px;
}

.tax-marca-logo img{
    max-width: 130px;
    max-height: 48px;
    object-fit: contain;
    filter: brightness(0) invert(1); /* blanco */
    opacity: .85;
    transition: opacity .2s ease, transform .2s ease;
}

ul {
  	margin-bottom: 10px !important;
}

.marca-datos a {
	background: #333;
	padding: 6px 12px;
    margin-top: 16px;
	border-radius: 20px;
	text-decoration: none;
	color: white;
	font-size: 15px;
}

.marca-datos a:hover {
    color: #f5f5f5;
	background: #1F497D;
}

.marca-datos {
    color: #f5f5f5;
    list-style: none;
    padding: 0;
  	padding-left: 20px !important;
}

/* GRID DE RESULTADOS */
.resultados-busqueda {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 280px));
    gap: 25px;
    justify-content: center;
    max-width: 1425px;
    margin: 0 auto 100px;
    padding: 0 40px;
}

/* CARD */
.resultado-item {
	width: 100%;
    max-width: 300px;
	border-radius: 5px;
	overflow: hidden;
	box-shadow: none;
	padding: 0;
	border: 1px solid #bbb;
	transition: all .7s cubic-bezier(.2,1,.22,1);
    height: 100%;
	background: #f5f5f5;
}

/* LINK */
.card-link {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.card-imagen {
    width: 100%;
    height: 75%; /* 👈 fija altura */
    background: #f5f5f5;
}

/* IMAGEN */
.card-imagen img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* 🔥 magia */
    display: block;
}

/* TITULO */
.card-titulo {
	padding: 15px 15px 15px 15px;
    color: #23467c;
    position: relative;
    display: inline-block;
	margin-top: auto;
}

.resultado-item h2 {
	margin-top: 2px;
	font-size: 17px;
	line-height: 22px;
	letter-spacing: 0;
	font-weight: 600;
}

/* HOVER CARD */
.resultado-item:hover {
    transform: translateY(-6px);
    box-shadow: 0 10px 25px rgba(0,0,0,0.15);
}

/* SUBRAYADO ANIMADO */
.card-titulo::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 10px;
    width: 0%;
    height: 2px;
    background: #23467c;
    transition: width 0.3s ease;
}

.resultado-item:hover .card-titulo::after {
    width: 100%;
}


@media (max-width: 1024px) and (max-width: 768px) and (max-width: 480px) {
	
	.resultado-item h2 {
		margin-top: 2px;
		font-size: 13px;
		line-height: 15px;
		letter-spacing: 0;
		font-weight: 600;
	}

	.card-titulo {
		padding: 5px 18px 5px 5px;
		color: #23467c;
		position: relative;
		display: inline-block;
		margin-top: auto;
	}
	
	.tax-marca-header{
		background: #f5f5f5;
		margin-left: 0px;
		margin-bottom: 100px;
		padding: 15px 15px 15px;
		padding-bottom: 10px;
		background: linear-gradient(135deg, #1c1c1c, #2a2a2a);
		height: auto;
	}

	.tax-marca-inner {
		margin-left: 16px;
		display: flex;
		gap: 30px;
		align-items: center;
	}

	.resultado-item {
		width: 100%;
		max-width: 300px;
		border-radius: 5px;
		box-shadow: none;
		padding: 0;
		border: 1px solid #e7e7e7;
		transition: all .7s cubic-bezier(.2,1,.22,1);
		height: 100%;
		background: #f5f5f5;
		overflow: visible;
	}

	.resultado-item h2 {
		margin-top: 15px;
		font-size: 17px;
	}
}

.marca-seo {
    max-width: 1200px;
    margin: 20px auto 10px;
    color: #444;
    font-size: 15px;
    line-height: 1.6;
}

.marca-seo h2 {
    font-size: 22px;
    margin-bottom: 15px;
    color: white;
}

.marca-seo p {
	padding-bottom: 1;
	margin-bottom: 1;
    color: white;
}


/* RESPONSIVE */
@media (max-width: 1024px) {
    .resultados-busqueda {
        grid-template-columns: repeat(3, 1fr);
    }
	
}

@media (max-width: 768px) {
    .resultados-busqueda {
        grid-template-columns: repeat(2, 1fr);
    }
	
}

@media (max-width: 480px) {
    .resultados-busqueda {
        grid-template-columns: 1fr;
    }

}