/**
 * ma-home — CSS del nuevo Home.
 * Se va sumando una sección por etapa.
 */

/* ===== Etapa 1: segunda fila del Header ===== */

@media ( min-width: 1200px ) {
	.ma-home-header-fila2 {
		display: flex;
		align-items: center;
		gap: 28px;
		padding: 10px 32px;
		background: #fff;
		border-bottom: 1px solid rgba( 0, 0, 0, 0.06 );
	}

	.ma-home-header-fila2 a {
		font-size: 13px;
		font-weight: 600;
		color: #2C2C2A;
		text-decoration: none;
		letter-spacing: 0.02em;
	}

	.ma-home-header-fila2 a:hover {
		color: #0E8A37;
	}
}

/*
 * Mobile: fuera de alcance de esta etapa — oculta por completo,
 * coherente con que todo lo demás del Header nuevo también queda
 * limitado a desktop por ahora.
 */
@media ( max-width: 1199px ) {
	.ma-home-header-fila2 {
		display: none;
	}
}