.marca-layout{
	display:grid;
	grid-template-columns:260px 1fr;
	gap:60px;
	max-width:1850px;
	margin:auto;
	margin-left:80px;
	padding:0px 0px 0px;
}

.marca-col2{
    margin-top: 0px;
    margin-bottom: 0px;
}

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

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

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

.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;
}

.marca-info{
    flex:1;
	align-items: center;
}

.marca-titulo{
    font-size: 32px;
    margin-bottom: 15px;
}

.marca-meta{
    display:flex;
    flex-wrap: wrap;
    gap: 15px 30px;
	color: rgba(252, 252, 253, 0.7);
    font-size: 15px;
}

.marca-descripcion{
    font-size: 15px;
    line-height: 1.6;
    color:#ddd;
    max-width: 700px;
}

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

.marca-meta a:hover{
    background:#555;
}



/* ===== MOBILE ===== */

@media only screen and (min-width: 1px) and (max-width: 999px) {

    .marca-layout{
        display:none;
    }

    .marca-header{
        margin-left:0;
    }

	.btn-aplicar{
		margin-top:20px;
		width:100%;
		padding:12px;
		background:#fff;
		color:#000;
		border-radius:8px;
		font-weight:bold;
		cursor:pointer;
	}

	.btn-aplicar:hover{
		background:#ddd;
	}
}